HTML基础学习——表单（9.3）

input表单元素：

submit：

<!-- submit是提交按钮，可以把表单域中表单元素的值提交给后台服务器 默认显示为提交 可以通过value值来更改显示内容 -->
<input type="submit" value="免费注册">

reset：

<!-- reset是重置按钮 可以还原表单元素的初始默认状态 -->
<input type="reset" value="重新填写">

button：

<!-- button是可单击按钮 不会提交数据 一般与JS技术搭配使用 -->
<input type="button" value="发送验证码">

file：

<!-- file是文件域 用于上传文件 -->
上传头像：<input type="file"> <br>

<label>标签：<label>标签为input元素定义标注（标签）。

<label>标签用于绑定一个表单元素，当点击<label>标签内文本时，浏览器会自动将焦点（光标）转到或者选择对应的表单元素上，来增加用户体验。

性别：<label for="man">男</label> 
<input type="radio" name="sex" value="男" id="man">

<select>表单元素：<select>标签用来定义下拉表单。

在页面中，如果有多个选项让用户选择，并且想要节约页面控件是，可以使用<select>标签控件定义下拉列表。

<select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
</select>

<select></select>标签中至少有一对<option></option>标签，数量没有上限。

在<option>标签内定义selected="selected",可使当前选项为默认选项。

<textarea>表单元素：<textarea>标签用来定义多行文本输入的控件（定义文本域）。

当用户输入内容较多的情况下，我们可以使用<textarea>标签。常用于留言、介绍等。

        cols：文本域可输入文本的行数。

        rows：每行可以显示多少个字符。（了解就好，实际操作中通过CSS编辑大小）

<textarea cols="30" rows="10">
    文本内容
</textarea>