HTML5技术

跨专业学习编程的苦逼生活 QWQ嘤嘤嘤(第一周) - 天冷吃冰棍儿(3)

字号+ 作者:H5之家 来源:H5之家 2017-02-27 15:01 我要评论( )

①设置宽度高度readonly":只读模式,不允许修改编辑 ③style="resize: none;"设置为宽度高度不允许修改 ④style="overflow:;"设置文字超出区域时,如何处置,常用属性值有: hidden 超出区域的文字,隐藏无法显示

    ①设置宽度高度readonly":只读模式,不允许修改编辑
    ③style="resize: none;"设置为宽度高度不允许修改
    ④style="overflow:;"设置文字超出区域时,如何处置,常用属性值有:
      hidden 超出区域的文字,隐藏无法显示
      scroll 无论文字多少,均显示滚动
      auto 自动,根据文字多少自动决定是否会显示为滚动条

【fieldset 、legend】表单的边框与标题
      <fieldset> //边框
      <legend> //标题
      </legend>
      </fieldset>
        如果想让标题嵌入到边框中,需将标题标签写到边框标签里面
        一个表单可以有多组标题加边框组合

【h5智能表单】
1、H5新增input的form属性,用于指定特form表单的id,实现input无需放在form标签之中,即可通过表单进行提交
<form id=foo>
……
</form>
<input type="text" form="foo">
2、 input元素的新增属性:
Autocomplete:自动完成功能,记录用户之前输入的内容,并在用户下次输入时提示用户输入
》》》属性值:on/off
》》》可以再form表单使用,对整个表单的所有控件进行自动完成的开关也可以在input上使用,
对特定输入框进行修改
》》》绝大部分浏览器默认开启
Autofocus:自动获得焦点,autofocus="autofocus"只能获得一个焦点
Form:所属表单,通过id确认属于哪个表单
Required:必填,required="required",设置必填,否则停止提交
Pattern:使用正则表达式验证input的模式
Placeholder:提示,当有value时取消提示。

【示例-表格】

="text-decoration: underline;text-align: center; background-color: yellow;width: 500px;"申请日期:所属单位部组班职称111姓名111厂长期间年月日天数111年月日主管职务代理人盖章111到职日期年月日审核意见组长全年特别休假天111111111已请假天人事主任人事经办班长本次申请日数天111111111剩余假期天

 

【示例-表单】

(见开头的代码)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【MUI框架】学习笔记整理 Day 1 - 敢言

    【MUI框架】学习笔记整理 Day 1 - 敢言

    2017-02-23 14:00

  • 编程书籍阅读随谈(第六篇) - 彭泽0902

    编程书籍阅读随谈(第六篇) - 彭泽0902

    2017-02-18 08:00

  • 编程书籍阅读随谈(第五篇) - 彭泽0902

    编程书籍阅读随谈(第五篇) - 彭泽0902

    2017-02-17 10:00

  • 编程书籍阅读随谈(第二篇) - 彭泽0902

    编程书籍阅读随谈(第二篇) - 彭泽0902

    2017-02-14 16:00

网友点评
f