HTML学习笔记08

1、表单：表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入信息的元素，表单用标签<form>定义。

1 <!--表单-->
2 <form>
3     First name:
4 </form>

2、输入标签<input>，输入类型是由类型属性（type）定义的，类型有文本域、单选按钮等。

3、文本域（输入文本）

1 <!--表单-->
2 <form>
3     姓名：
4     <input type="text" name="nameBox"/>
5     <br/>
6     地址：
7     <input type="text" name="addressBox"/>
8 </form>

 

 

4、单选按钮（多选一）

1 <!--表单-->
2 <form>
3     <input type="radio" name="gender" value="男"/>男
4     <br/>
5     <input type="radio" name="gender" value="女"/>女
6 </form>

5、复选框（可以多选）

 1 <!--表单-->
 2 <form>
 3     你喜欢哪些水果？
 4     <br/>
 5     <input type="checkbox" name="apple">苹果
 6     <br/>
 7     <input type="checkbox" name="banana"/>香蕉
 8     <br/>
 9     <input type="checkbox" name="orange"/>桔子
10 </form>

6、动作属性和确认按钮

用户点击确认按钮时，表单的内容会被传送到另一个文件。

1 <!--表单-->
2 <form name="input" action="html_form_action.asp" method="get">
3     姓名
4     <input type="text" name="user"/>
5     <input type="submit" value="提交"/>
6 </form>

7、下拉列表

1 <!--表单-->
2 <form>
3     <select name="fruit">
4         <option value="apple">苹果</option>
5         <option value="banana">香蕉</option>
6         <option value="orange">桔子</option>
7         <option value="grape" selected="selected">葡萄</option>        
8     </select>
9 </form>

8、按钮

1 <!--表单-->
2 <form>
3     <input type="button" value="确认" />
4     <br/>
5     <input type="button" value="取消" />
6 </form>

 

posted @ 2014-05-09 20:22  weddy.zheng  阅读(104)  评论(0)    收藏  举报