• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    关于html的表单元素详解(二)
    POST TIME:2021-10-16 22:59

    HTML Input 属性

    value 属性

    value 属性规定输入字段的初始值:

    <form action="">
    <input type="text" name="name" value="脚本之家">
    </form> 

    readonly 属性

    readonly 属性规定输入字段为只读(不能修改):
     

    <form action="">
    <input type="text" name="name" value="脚本之家" readonly>
    </form>

    readonly 属性不需要值。它等同于 readonly="readonly"。

    disabled 属性

    disabled 属性规定输入字段是禁用的;
    被禁用的元素是不可用和不可点击的;
    被禁用的元素不会被提交。

    <form action="">
    <input type="text" name="name" value="脚本之家" disabled >
    </form> 

    disabled 属性不需要值。它等同于 disabled="disabled"。

    size 属性

    size 属性规定输入字段的尺寸(以字符计):

    <form action="">
    <input type="text" name="name" value="脚本之家" size="40">
    </form>

    maxlength 属性

    maxlength 属性规定输入字段允许的最大长度:
     

    <form action="">
    <input type="text" name="name" value="脚本之家" maxlength="10">
    </form>

      如设置 maxlength 属性,则输入控件不会接受超过所允许数的字符。
    该属性不会提供任何反馈。如果需要提醒用户,则必须编写 JavaScript 代码。
    注释:输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入,则接受者(服务器)必须同时对限制进行检查。

    width 属性

    定义 input 字段的宽度。(适用于 type="image"):

    <form action="">
    <input type="image" name="img" src="xxx.jpg" width="100">
    </form> 

    height 属性

    定义 input 字段的高度。(适用于 type="image"):

    <form action="">
    <input type="image" name="img" src="xxx.jpg" height="100">
    </form>  

    src 属性

    定义以提交按钮形式显示的图像的 URL:

    <form action="">
    <input type="image" name="img" src="xxx.jpg" width="100">
    </form>  

    name 属性

    定义 input 元素的名称:
     

    <form action="">
    <input type="image" name="img" src="xxx.jpg" width="100">
    </form>  

    checked 属性

    规定此 input 元素首次加载时应当被选中:

    <form action="">
    <input type="radio" name="单选" checked>
    </form> 

    accept 属性

    规定通过文件上传来提交的文件的类型 :

    <form action="">
    <input type="file" name="上传文件" accept="text/css">
    </form>  
    

     

    以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持!

     

  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信