input元素的使用方法和详解
<input>标签提供了非常多的获取用户输入的信息，可以根据不同的type属性值，输入字段拥有很多种形式，输入的字段可以是文本字段、复选框、单选框、密码、按钮。
1、文本框：获取用户输入的文本信息
2、复选框：获取用户的多个选择项目
3、单选框：获取用户的单个的选择项目
4、密码框：进行密码的对比以及输入的信息会显示为其他字符
5、按钮：通过按钮进行提交和表单的重置，获取用户单击表单提交和表单重置按钮时间，并完成表单的提交和表单内容重置动作
input元素使用input标签，input标签有着非常重要的标签type，type属性的值确定了元素获取用户的输入方式
下面是type属性值及其作用
text：提供一个输入框，获取用户输入的内容
password：提供一个输入框，获取用户输入的密码
button：按钮，获取用户单机按钮的事件
checkbox：提供一个检查框，获取用户选择框
radio：单选框，获取用户选择项
image：图片按钮，获取图片按钮的单机时间
submit：提交按钮，完成表单提交
在网页中使用表单元素时，需要把表单元素放置在form标签内，当用户单击表单内的提交按钮，form标签内所有表单元素都将被浏览器提交到服务器，服务器的处理程序对按钮的提交进行处理并返回处理后的结果页面。
下面我给大家写一个案例，一个简单的登录页面，需要提供两个输入框和提交按钮，输入框分别获取用户输入的登录名和密码。
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form action="login.php">
用户名：<input type="text" name="user">
密 码：<input type="password" name="password">
<input type="submit" value="提交">
</form>
</body>
</html>
下面是浏览器上面的显示效果，用户名使用的input的type属性是text，浏览器会将此标签显示为一个输入框，允许用户输入内容。密码使用的input的type属性是password显示为一个输入框，允许用户输入内容，但输入的内容以密文显示，type属性为submit的input标签是提交按钮，用户单击提交按钮后，路篮球会把user和password的内容提交到服务器，服务器由form标签的action给出，input标签的属性value设置了输入框中的默认值，value的值为空时，表示没有默认值
常用的input元素的属性
type类型
name元素的名称
value元素的值
- 点赞
- 收藏
- 关注作者
评论（0）