HTML学习笔记–表单标签
文章目录
input标签及其type属性
input标签运用场景
在网页中显示一个收集用户信息的表单,如登录,注册,身份认证等。
标签名
input通过type属性值得不同,以展现不同效果。
type属性值及其说明
type属性值 | 说明 |
---|---|
text | 生成一个文本框,用于输入单行文本 |
password | 生成一个密码框,用于输入密码 |
radio | 生成一个单选框,用于进行多项选择选取在其中一项 |
checkbox | 生成一个多选框,用于选取多项选择 |
file | 文件选择,用于提交或上传文件 |
submit | 提交按钮,用于提交功能 |
reset | 重置按钮,用于重置界面 |
button | 普通按钮,配合js添加相应功能 |
type的text值
在网页中显示输入单行的表单控件。
相关常用属性
placeholder占位符,显现出输入文本框的提示信息。
代码展示
<body>
<!-- 1.文本框:text -->
昵称:<input type="text" placeholder="请输入您的昵称">
</body>
运行效果
同理密码框(type=“password”)也可以以此方法进行设置
type的radio值
在网页中显示多选一的表单控件。
相关常用属性
name
表示分组,有相同属性的单选框分为一组,一组中只能有一个被选中。
checked
表示默认选中。
代码展示
性别:<input type="radio" name="sex">男
<input type="radio" name="sex">女
<input type="radio" name="sex">保密