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>
3. 小结
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。