美文网首页
input 标签详解

input 标签详解

作者: 丶傲慢先生 | 来源:发表于2017-03-08 18:09 被阅读0次

    一、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>

    相关文章

      网友评论

          本文标题:input 标签详解

          本文链接:https://www.haomeiwen.com/subject/zlnbgttx.html