006_form.html

version1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>span</title>
</head>
<body>
    <form action="http://baidu.com" method="GET">
        <input type="text" name="user"/>
        <input type="text" name="emil"/>
        <input type="password" name="psword"/>
        <!--<input type="button" value="login1"/> useless-->
        <input type="submit" value="login2"/>
    </form>
</body>
</html>

<!--  block tag : The contents of the element will occupy the entire line  -->
<!--  inline tag : The contents of the element will just occupy it's length  -->


version2 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>span</title>
</head>
<body>
    <form action="https://www.sogou.com/web?">
        <input type="text" name="query"/>
        <input type="submit" value="login2"/>
    </form>
</body>
</html>

<!--  block tag : The contents of the element will occupy the entire line  -->
<!--  inline tag : The contents of the element will just occupy it's length  -->


version 3
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>span</title>
</head>
<body>
    <form enctype="multipart/form-data">
            <!--if you want to submit a file,you must add the attribute of enctype-->
        <div>

            <p>choise sex:</p>
            man:<input type="radio" name="sex" value="man" checked="checked"/>
            woman:<input type="radio" name="sex" value="woman"/>
            <p>favorite</p>
            basketball:<input type="checkbox" name="favor" value="1" checked="checked"/>
            football:<input type="checkbox" name="favor" value="2" />
            desktopball:<input type="checkbox" name="favor" value="3" />
            taiqiu:<input type="checkbox" name="favor" value="4" />
            wanqiu:<input type="checkbox" name="favor" value="5" />
            <p>skill</p>
            make:<input type="checkbox" name="skill"/>
            coding:<input type="checkbox" name="skill"/>
            java:<input type="checkbox" name="skill"/>
            c++:<input type="checkbox" name="skill"/>
            python:<input type="checkbox" name="skill"/>
            <p>submit a file</p>
            <input type="file" name="filename">
                <!--<form enctype="multipart/form-data"> is needed if you want use type="file"-->
        </div>

        <textarea name="content" >default content</textarea>

        <select name="city" size="10" multiple="multiple">
            <option value="1">beijing</option>
            <option value="2" selected="selected">nanjing</option>
            <option value="3">hefei</option>
            <option value="4">guangzhou</option>
            <option value="5">tianjing</option>
            <option value="6">hangzhou</option>
            <option value="7">fujian</option>
            <option value="8">dalian</option>
        </select>
        <input type="submit" value="submit">
        <input type="reset" value="reset">
    </form>
</body>
</html>

<!--  block tag : The contents of the element will occupy the entire line  -->
<!--  inline tag : The contents of the element will just occupy it's length  -->


posted on 2018-09-16 22:50  langjitianyadaolao  阅读(168)  评论(0)  编辑  收藏  举报

导航