HTML基础知识（四）

表单< form>

HTML表单用于收集不同类型的用户输入
表单是一个包含表单元素的区域
表单由窗口和控件组成
表单元素是允许用户在表单中输入内容，比如：文本域（TextArea）,下拉列表、单选框（radio buttons）、复选框（checkboxes）

举个例子，QQ邮箱这种登陆页面就是表单。
< input >是表单中最重要的表单元素。(input也是但标签自结束标签)

单行文本框

< input type=“text”>
还有value值可以设置默认值

密码框

< input type=“password”>
密码框的字段文字不会明文显示，以符号代替

单选按钮

< input type=“radio”>
可以用多个按钮的name设为一个，形成单选按钮组

男<input type="radio" value="man" checked name="sex">
女<input value="woman" name="sex" type="radio">

checked可以设置默认选择

复选框

< input type=“checkbox”>
也可以设置checked属性，通常复选框也需要设置name属性为同一个值

按钮

< input type=“button”>

<input type="button" value="注册">

提交按钮

< input type=“submit”>(提交到form中的action的地址，mehtod规定用于发送 form-data 的 HTTP 方法。)value可以设置按钮字体内容，也有默认文字。

下拉列表

<select name="one" id="1">      
          <option value="first">first</option>      
          <option value="second" selected="selected">second</option>      
          <option value="third">third</option>
</select>

文本区

< textarea rows=“10” cols=“30”>< /textarea>
rows属性控制行，cols控制列