标签：网页 form 标签 button H5 input 属性

 

<lable for=''>

​    <input id=''></input>>

</lable>

​    <select>

​    <option value='0'></option>
​    <option value='1'></option>

​    </select>

 

button标签表示一个按钮 但是如果button放在form里面 就相当于提交按钮。

如果button在form中式一个普通按钮，就需要给type属性，属性值为botton

 

新增背景结构标签

-<header style=''>网页的头部

-<nav style=''>定义网页的导航区域

-<section style=''>定义网页的区段

-<article>单独区域内容

-<aside>网页的侧边栏

-<footer>页脚

 

datalist标签：

不换行

<input type='text' list='?'>

-<datalist id='?'> <option>xxx</option>

<option>xxx</option>

<option>xxx</option>

</datalist>

fieldset：

和form标签一起使用

-<form action=‘'

<fieldset

<legend </legend

<input type=''

<input>

</fieldset

</form

legend:

lorem:快速生成一段文字

mark标签：

高亮效果

meter标签：定义度量衡

属性：

min：

最小10

value：必填项 在min，max之间

max：

最大100

low：

high：

progress标签：表示任务进度

与js结合使用

属性：

value：

max：

H5新增的input的type属性值：

submit：提交

number：数字Ee

search：搜索

range：滑块

time:小时分钟

date：年月日

month：年月

week：年星期

email：邮箱

color：颜色

show：显示

hidden：隐藏

H5新增的属性：

placeholder：占位符

value：值

autofocus：自动聚焦

required：必填项

multiple：多文件上传

accesskey：alt+字母聚焦

autocomplete：（on）自动完成输入，提示上一次，需要设置name值

​ 设计表单1：

<form>
    <fieldset>学生档案<fieldset>
        姓名：<input type='text' placeholder='请输入学生名字'>
        <br>
        手机号：<input type='tel'>
        <br>
        邮箱：<input type='email'>
        <br>
        所属专业：<input type='text' placeholder='请选择专业' list='张业'>
        <br>
</form>

如下：

学生档案

姓名： 
手机号： 
邮箱： 
所属专业： 

​

 设计表单2：

 

 

lable:聚焦

标签：网页,form,标签,button,H5,input,属性
来源： https://www.cnblogs.com/LIXI-/p/16485950.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。