HTML5的一些新表单元素

<datalist>        定义可选列表，需要与文本框结合使用

例：

<input list="browsers7" name="browser">

<datalist id="browsers7">

<option value="Internet Explorer">

<option value="Firefox">

<option value="Chrome">

<option value="Opera">

<option value="Safari">

</datalist>

<output>         定义脚本结果的输出

例：

<form>

<input type="range" onchange="document.getElementById(‘oupt‘).value=this.value" value="30" max="100" min="0">

<output id="oupt">100</output>

</form>

时间： 2024-09-27 04:07:23

HTML5的一些新表单元素的相关文章

HTML5新表单元素

新表单元素 datalist 示例 <!-- action表示将表单提交到php文件中--><!-- input中的list与datalist中的id想对应--><form action="demo-form.php" method="get"><input list="browsers" name="browser"><datalist id="browsers

JS基础-表单元素-新表单元素-js概述

1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏域中. 2.文件选择框 <input type="file"> 注意: 1.method属性的值必须为post 2.enctype属性的值必须为multipart/form-data 2.textarea元素 1.作用 允许输入多行数据的文本框. 2.语法 标记:<tex

HTML5初探——新增的表单元素和属性

HTML5初探--新增的表单元素和属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5 移动Web开发指南</title> <style type="text/css"> h1, h2, h3, h4, h5, h6 { text-align: center; } input { width: 4

HTML5 学习笔记（二）——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

HTML5 学习总结（二）——HTML5新增属性与表单元素

一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1" style="height:900px; backgrou

HTML5学习总结——HTML5新增属性与表单元素

一HTML5新增属性 1.1contcxtmcnu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1" style="height:900px; background

HTML5表单元素新特新

1.新表单元素 全部都是由input标签组成 1.1 email 1.2 url 注意:输入的内容必须以http:// 1.3 search 1.4 range 范围 属性: min : 最小值 max : 最大值 step : 步长 value : 值 1.5 number 属性: min : 最小值 max : 最大值 step : 步长 value : 值 1.6 color 通过windows的调色板选取颜色 1.7 date 弹出日历控件,选择年月日 值:2015-06-01 1.8

HTML5 表单元素

HTML5 新的表单元素 HTML5 有以下新的表单元素: <datalist> <keygen> <output> 注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素. HTML5 <datalist> 元素 <datalist> 元素规定输入域的选项列表. <datalist> 属性规定 form 或 input 域应该拥有自动完成功能.当用户在自动完

H5表单元素

一.input类型 1.电子邮件类型 (1)功能描述:输入E-mail地址的文本框 (2)语法:<input type="email" /> 2.搜索类型 (1)功能描述:输入搜索关键字操作的文本框 (2)语法:<input type="search" /> 3.URL类型 (1)功能描述:输入Web站点的文本框 (2)语法:<input type="url" /> 4.电话号码类型 (1)功能描述:主要针对电