HTML基础复习（八）表单

表单-----

用于收集不同类型的用户输入

最常用的输入元素

　　1、,根据类型type属性可以设置不同的输入类型：

　　　　type="text"：文本域，文本域的缺省宽度是20个字符

　　　　type="password"：密码字段

　　　　type="button"：按钮

　　　　type="radio"：单选按钮

　　　　type="checkbox"：复选框

　　　　type="submit"：提交按钮

　　　　type=“number”：数字输入框

　　　　type=“range”：数字范围滑动条

 

　　2、,下拉选择框

　　　　

　　　　　　boy

　　　　　　girl

　　　　

• 默认显示第一个option；要预设下拉框，在对应的标签内添加属性selected即可
• 属性multiple和size可设置多选，但还是尽量使用复选框

 

　　3、多行文本输入框 </div> <div> 　　　　<textarea rows="10" cols="30"> </div> <div> 　　　　　　我是一个文本框。 </div> <div> 　　　　

 

　　4、为input元素标记

• 当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上，优化鼠标点击事件易用性，它的for属性应当与相关元素的ID相同。

 

• 它还可以在表单以外，但它仍然属于某一个表单，通过form属性指定它关联的表单

　　5、

将表单内的相关元素分组。

　　　　

标签会在相关表单元素周围绘制边框。

　　　　

标签为fieldset元素定义标题

 

　　6、

 

　　　　

　　　　　

　　　　　　

　　　　　　

　　　　　　

　　　　　　

　　　　　　

　　　　

 

转载于:https://www.cnblogs.com/YanRuYu-MoRuHua/p/6723601.html