HTML表单标签

1、<form>标签提供给用户输入的表单标签，
   type表示控件类型，为可选，默认为text。
   name表示提交的参数名，
   value表示显示值。
   placeholder表示输入框范例。

代码

效果

2、<textarea>标签定义多行文本输入控件。
   rows、cols属性分别控制高、宽。
   常用style="width: 10px; height: 20px;"控制宽、高。

代码

效果

3、<button>标签定义一个按键。
   IE浏览器将提交 <button> 与 <button/> 之间的文本，而其他浏览器将提交 value 属性的内容。
   IE浏览器的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。所以建议写上type属性。
   

代码

效果

4、<select>标签定义下拉列表。
   name表示参数名，用于接收option条目的值。
   size表示最大显示列表条目。

代码

效果

5、<optgroup>标签定义下拉列表中的组合选项。

代码

效果

6、<label>标签定义 input元素的标注。
   for与id作用相同。

代码

效果

7、<fieldset>标签定义 form表单边框。
   legend表示该边框内的信息主题。
   align定义legend主题位置，默认left。

代码

效果

8、<datalist>标签定义输入框中可能输入的值。
   list属性来绑定 datalist标签。

代码

效果

9、<output>标签定义不同类型的输出。

代码

效果