HTML5------增强表单

最新推荐文章于 2024-05-10 18:00:00 发布

makabaka12138

最新推荐文章于 2024-05-10 18:00:00 发布

阅读量262

点赞数 1

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/makabaka12138/article/details/125485980

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML5 增强表单：

使用方法：

里面的name是用来发给后端的。

<form action = "">

<input type = "color" name = "color">

<input type = "email" name = "email">

<input type = "url" name = "url">

<input type = "tel" name = "tel">

<input type = "range" name = "range" min = "0" max = "100" value = "50" step = "5">
/*滑块，min:最小范围 max：最大范围 value：设置默认值 step：步长，每次加几*/

<input type = "number" name = "number" min = "0" max = "10" value = "50" step = "5">
/*滑块，min:最小范围几位数 max：最大范围几位数 value：设置默认值 step：步长，每次加几*/

<input type = "search" name = "search">

<input type = "date"() name = "date">
/*括号里面可以放year week month and so on*/

<input type = "local-date" name = "date">


</form>

(datalist)数据列表：

<input type="url" list = "url_list" name = "link">

<datalist id = "url_list">
    <option lable = "W3School" value = "www.W3School.com">
    <option lable = "52c3" value = "www.52C3.com">

    /*option 永远要设置value的属性*/

</datalist>