input 标签详解

一、input是什么

它在HTML中代表一个元素(Element),多数用于表单的互交控件。
input在HTML中没有闭合标签。

二、input常见属性

1.type=text
输入类型为text,常见于输入用户名、手机号、及其他文字信息时用到,text也是input的默认类型,再添加一个placeholder属性可以在你的输入框里出现文字提示。
例子:<input id="姓名" type="text" placeholder="请输入名字">
2.type=password
输入类型为password,是用于输入密码的一种输入类型,在输入密码时,不会显示文本,而是以圆点代替,添加文字提示方法和上面一样。
例子:<input id="密码" type="password" placeholder="请输入密码">
3.type=checkbox
输入类型为checkbox,表示多选框,常见于注册时选择爱好、性格、或其他需要多选时。
注意,name的名字不一定要一致,但是不建议这样做,也一定要有value值,不然服务器没法看到勾选的选项返回到服务器的值是什么。
例子:<input type="checkbox" name="爱好" value="抽烟">抽烟 <input type="checkbox" name="爱好" value="喝酒">喝酒 <input type="checkbox" name="爱好" value="烫头">烫头
4.type=radio
输入类型为radio,即单选框,常用于性别选项。
name一定要相同,不然不能产生的单选的效果,和多选一样也一定要有value值。
例子:<input type="radio" name="取向" value="直的">直的 <input type="radio" name="取向" value="弯的">弯的 <input type="radio" name="取向" value="双的">双的
5.type=button
输入类型为button,是按钮的意思,会使用你当期系统默认的样式,如果要改变样式就需要用css改变样式,方方老师曾经说过,尽量不要这样,因为让用户使用默认的样式才能有一致性的体验,而且这个标签必须加value值,如果不加value值,这个按钮就只是一个按钮的样子,按钮上不会有文字,所以没有特殊要求就要把value值写上。
例子 <input type="button" value="点我">
<br />
<strong>最后附上一个自己写的from表单简单的例子!点我</strong>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是input? 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式,输入字段可以是文本...
    饥人谷_Dylan阅读 5,062评论 0 50
  • <input>:用于收集用户信息。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、...
    PYFang阅读 6,208评论 0 0
  • 最近学习HTML的过程中遇到了input标签,作为一名前端初级学习者,其实我是不太了解的。既然不懂的话,就得深入的...
    饥人谷_enzo阅读 5,605评论 0 0
  • 常用的input标签 button 一个没有默认行为的推送按钮 checkbox 一个被选中的盒子,必须使用val...
    勃王阅读 3,283评论 0 0
  • 一、<input>是什么 它在HTML中代表一个元素(Element),多数用于表单的互交控件。input在HTM...
    饥人谷_hak阅读 5,818评论 0 0

友情链接更多精彩内容