1. 表单的介绍
2. 表单相关标签的使用
-
<form>
标签 表示表单标签,定义整体的表单区域 -
<label>
标签 表示表单元素的文字标注标签,定义文字标注 -
<input>
标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据方式 -
<textarea>
标签 表示表单元素的多行文本输入框标签 定义多行文本输入框 -
<select>
标签 表示表单元素的下拉列表标签 定义下拉列表
示例代码:
<form>
<p>
<label>姓名:</label><input type="text">
</p>
<p>
<label>密码:</label><input type="password">
</p>
<p>
<label>性别:</label>
<input type="radio"> 男
<input type="radio"> 女
</p>
<p>
<label>爱好:</label>
<input type="checkBox"> 唱歌
<input type="checkBox"> 跑步
<input type="checkBox"> 游泳
</p>
<p>
<label>照片:</label>
<input type="file">
</p>
<p>
<label>个人描述:</label>
<textarea></textarea>
</p>
<p>
<label>籍贯:</label>
<select>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
</select>
</p>
<p>
<input type="submit" value="提交">
<input type="reset" value="重置">
</p>
</form>