HTML实现表单

发表于 | 分类于 |
字数统计: 368 | 阅读时长 ≈ 1

在用户注册，在线报名等场合，需要把用户的信息填写并提交，这时要用到表单来填写提交信息。

用户名：

密码：

性别：男: 女:

爱好：篮球 舞蹈 唱歌

上传图像:

隐藏域：你看不见

源代码如下： 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<body>
<form action="">   //action写提交后跳转的网址，为了安全常在action后写method="post"
	<p>
    	用户名：<input type="text" name="username" />  
     	</p>
     <p>
     	密码：<input type="password" name="password" />
        </p>
      <p>
      	性别：男:<input type="radio" name="sex" value="男"/> 
        	 女:<input type="radio" name="sex" value="女" />
        </p> /*value后写checked="checked"表示默认选中*/
      <p>
      	 爱好：篮球<input type="checkbox" name="hobby" value="篮球" />
         	舞蹈<input type="checkbox" name="hobby" value="舞蹈" />
            唱歌<input type="checkbox" name="hobby" value="唱歌" />
            </p>  /*value后写checked="checked"表示默认选中*/
       <p>
       		<select name="education">
            	<option value="大学">大学</option>
                <option value="高中">高中</option>
                <option value="初中">初中</option>
             </select>
             </p>
        <p>
        	<textarea name="intro"></textarea>
            </p>
        <p>
        	上传图像:<input type="file" name="picture"/>
            </p>
         <p>
         	隐藏域：你看不见<input type="hidden" name="IP" value="192.168.1.100" />
            </p>
          <p>
          		<button>submit</button>
           </p>  //提交也可以这样写<input type="submit" value="提交"/>
      </form>
           
</body>