HTML中简单的form元素及属性：

最新推荐文章于 2024-07-17 22:23:53 发布

pumpkin_truck

最新推荐文章于 2024-07-17 22:23:53 发布

阅读量1.4k

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/pumpkin_truck/article/details/109510368

版权

本文介绍了HTML中form元素的基本作用和常见属性，包括input的type、name、value、placeholder属性，textarea元素的cols和rows属性，以及select下拉列表的使用。form元素在网页表单提交用户信息方面扮演重要角色，常用于注册和登录页面。

摘要由CSDN通过智能技术生成

1、作用：form表单主要用于收集用户的信息，并将form元素中收集到的内容提交到服务器。
2、input元素中常见的属性：

名称	用法
text	该类型为普通的单行文本输入框，比如需要姓名，用户名等文本内容时使用
password	该类型为密码框，且当输入内容的时候，该类型会自动隐藏，并会以*的形式出现。
radio	该类型为单选框，用于实现单选的功能，常用于性别，支付方式选其一的事件，配合label元素时点击文字也能使用。
checkbox	该类型为复选框，用于选取一个或多个选项的事件，例如，兴趣爱好、分类等。
number	该类型为数值输入框，用于只输入数值时用，例如电话号码等
button	普通按钮，html4.01出现，可能老旧的浏览器会存在兼容问题
submit	提交按钮
reset	重置按钮，重置当前form元素中的所有表单元素
image	图片按钮，搭配src添加图片路径
email	邮箱输入框
data	日期选择，但是在不同的浏览器中显示效果不同，所以需要考虑兼容性问题
hidden	将数据隐藏起来，后台可观看。
file	文件域，用于添加文件或图像。

checked是指选定的默认选项。

<p>姓名:<input type="text" name=""></p>  
<p>密码：<input type="password" name="pwd"></p>
<

关注