CSS：不常用标签，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