<input>
标签是一个单标签,用于收集用户信息
<input>
标签的属性~
几个重要属性的作用~
- 文本框(text)
<input type="text">
- 密码框(password)
<input type="password">
- 单选按钮(radio)
<input type="radio">
性别:男女
- 复选框(checkbox)
<input type="checkbox">
爱好:吃饭睡觉
- 提交按钮(submit)
<input type="submit">
- 重置按钮(reset)
<input type="reset">
- 普通按钮(button)
<input type="button">
- 文件域 (file)
<input type="file">
上传头像:
综合应用~
用户名:
密码:
性别:男 女
爱好:吃饭 睡觉 打豆豆
上传头像:
预览图~
使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表
注意点:
-
<select>
中至少包含一对<option>
-
在
<option>
中定义selected=“selected”时,当前项即为默认选中项
代码实例~
籍贯:
山东 北京 天津 火星预览图~
当用户输入内容较多的情况下,我们可以用表单元素标签替代文本框标签,在表单元素中,
<textarea>
标签是用于定义多行文本输入的控件
代码实现~