元素
<form>表单标签
action（表单数据将被发送到服务器上的地址，既可以是绝对地址又可以是相对地址）
<input>输入表单
type="text"（属性 表单输入文本域）
type="password"（属性 表单输入密码字段）
type="radio"例<input type="radio" name="sex" value="male">Male<br>（单选框）
type="checkbox" 例 <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>（复选框）
checked="checked"复选框的默认选项
type="button”（按钮)
type="submit"（提交）
<select> 定义了下拉选项列表
<option>下拉列表选项，selected（预选值）
<textarea>定义文本域 (一个多行的输入控件)
<fieldset> 定义了一组相关的表单元素，并使用外框包含起来
<legend>定义了 <fieldset> 元素的标题
target 指定用哪种方式打开URL 如target_blank 在新窗口打开链接 （默认是在当前窗口打开）
readonly 指定该文本框内的值不允许用户更改
disabled 指定是否禁用此按钮
value 指定该按钮的初始值
multiple 指定该列表框和下滑菜单是否能多选
selected 指定该列表的表项初始状态是否处于被选中的状态
maxlength 设置该多行文本域最多可以输入的行数
wrap 指定多行文本域是否添加换行 ，该属性支持soft和hard两个属性值。属性hard必须指定cols属性，如果用户输入的字符超过了cols指定的宽度导致文本换行，那么提交该表单时该多行文本域会自动在换行处添加换行符。soft必须指定rows，高度。
autocomplete 该属性用于设置表单是否支持自动完成功能，如果启动浏览器会根据用户上次提交的数据生成列表框供用户选择， autocomplete="on" /"off"
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>form</title>
</head>
<body>
<form action="http://www.crazyit.org" method>
<label for="username" >单行文本框：<input id ="username" name="username" type="text" value="123" disabled /></label> </br>
不能编辑的文本：<input id="username2" name="username" type="text" readonly="readonly"/> </br>
<label >密码框：<input id="password" name="password" type="password" /> </label></br>
隐藏域：<input id="hidden" name="hidden" type="hidden" /> </br>
第一组单选框：<br/>
红：<input id ="color" name="color" type ="radio" value="red" />
绿：<input id ="color" name="color" type ="radio" value="green" />
蓝：<input id ="color" name="color" type ="radio" value="blue" /><br/>
第二组单选框：<br/>
男性:<input id ="gender" name="gender" type="radio" value="male"/>
女性:<input id ="gender" name="gender" type="radio" value="female"/><br/>
两个复选框:<br/>
<input id ="website" name="website" type="checkbox" value="leegang.org"/>
<input id ="website2" name="website" type="checkbox" value="crazyit.org"/><br/>
文件上传域：<input id ="file" name="file" type="file" /><br/>
图像域：<input type="image" src="1.jpg" alt="疯狂联盟" width ="27" height="31"/> <br/>
下面是四个按钮：<br/>
<input id="ok" name="ok" type="submit" value="提交"/>
<input id="dis" name="dis" type="submit" value="提交" disabled /><br>
<input id="cancel" name="cancel" type="reset" value="重填"/><br>
<input id="no" name="no" type="button" value="无动作"/><br>
</form>
</body>
</html>
效果
<body>
<form action="do">
type="color" 的文本框:<br/><input name="color" type="color"/><p>
type="date" 的文本框:<br/><input name="date" type="date"/><p>
type="time" 的文本框:<br/><input name="time" type="time"/><p>
type="datetime-local"的文本框：<br/><input name="datetime-local" type="datetime-local" /><p>
month：<br/><input name="month" type="datetime-local" /><p>
week:<br/><input name="week" type="week" /><p>
email:<br/><input name="email" type="email" multiple/><p>
tel:<br/><input name="tel" type="tel" /><p>
url:<br/><input name="url" type="url" /><p>
number:<br/><input name="number" type="number" min="0" max="100" step="5" /><p>
range:<br/><input name="range" type="rang" min="0" max="100" step="5" /><p>
search:<br/><input name ="search" type="search"/><p>
<input value="提交" type="submit" /><p>
</body>
标签:select
作用:元素可创建单选或多选菜单。
属性:data:值(url)供自动插入数据。
disabled:值(true,false)当该属性为true时，会禁用该菜单。
form:值(true,false)定义select字段所属的一个或多个表单。
multiple:值(true,false)当该属性为true时，规定可一次选定多个项目。
name:值(unique_name)定义下拉列表的唯一标识符。
size:值(number)定义菜单中可见项目的数目。不支持
标签:option
作用:元素定义下拉列表中的一个选项。
属性:disabled:值(disabled)规定次选项应在首次加载时被禁用。
label:值(text)定义使用optgroup时所使用的标注。
selected:值(selected)规定选项表现为选中状态。
value:值(text)定义送往服务器的选项值。
标签:button
作用:标签定义一个按钮。
属性:disabled:值(disabled)规定应该禁用该按钮。
form:值(form_name)规定按钮属于一个或多个表单。
name:值(button_name)规定按钮的名称。
type:值(button,reset,submit)规定按钮的类型。
value:值(text)规定按钮的初始值。
标签:input
作用:标签用于收集用户信息。
属性:accept值(mime_type)规定通过文件上传来提交的文件的类型。
align:值(left,right,top,middle,bottom)不赞成使用。规定图像输入的对齐方式。
alt:值(text)定义图像输入的替代文本。
autocomplete:值(on,off)规定是否使用输入字段的自动完成功能。
autofocus:值(autofocus)规定输入字段在页面加载时是否获得焦点。
checked:值(checked)规定此input元素首次加载时应当被选中。
disabled:值(disabled)当input元素加载时禁用此元素。
form:值(formname)规定输入字段所属的一个或多个表单。
formaction:值(url)覆盖表单的action属性。
height:值(pixels %)定义input字段的高度。
list:值(datalist-id)引用包含输入字段的预定义选项的datalist。
max:值(number,date)规定输入字段的最大值。
maxlength:值(number)规定输入字段中的字符的最大长度。
min:值(number,date)规定输入字段的最小值。
name:值(field_name)定义input元素的名称。
readonly:值(readonly)规定输入字段为只读。
size:值(number_of_char)定义输入字段的宽度。
type:值(button,checkbox,file,hidden,image,password,radio,reset,submit,text)规定input元素的类型。
value:值(value)规定input元素的值。
width:值(pixels,%)定义input字段的宽度。
标签 audio
作用:元素能够播放声音文件或者音频流。
属性:autoplay:值(autoplay)如果出现该属性，则音频在就绪后马上播放。
controls:值(controls)如果出现该属性，则向用户显示控件，比如播放按钮。
loop:值(loop)如果出现该属性，则每当音频结束时重新开始播放。
muted:值(muted)规定视频输出应该被静音。
preload:值(preload)如果出现该属性，则音频在页面加载时进行加载，并预备播放，如果使用"autoplay",则忽略该属性。
src:值(url)要播放的音频URL。
标签 video
作用:HTML5规定了一种通过video元素来包含视频的标准方式。
属性:autoplay:值(autoplay)如果出现该属性，则视频在就绪后马上播放。
controls:值(controls)如果出现该属性，则向用户显示控件，比如播放按钮。
height:值(pixels)设置视频播放器的高度。
loop:值(loop)如果出现该属性，则当媒介文件完成播放后再次开始播放。
preload:值(preload)如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用"autoplay",则忽略该属性。
src:值(url)要播放的视频的url。
width:值(pixels)设置视频播放器的宽度
标签:img
作用:img元素向网页中嵌入一幅图像。
属性:必需的属性:src属性:值(URL)规定显示图像的URL和alt属性:值(text)规定图像的代替文本。
可选属性:align:值(top,bottom,middle,left,right)不推荐使用。规定如何根据周围的文本来排列图像。
border:值(pixels)不推荐使用。定义图像周围的边框。
height:值(pixels %)定义图像的高度。
hspace:值(pixels)不推荐使用，定义图像左侧和右侧的空白。
ismap:值(URL)将图像定义为服务器端图像映射。
longdesc:值(URL)指向包含长的图像描述文档的URL。
usemap:值(URL)将图像定义为客户器端图像映射。
vspace:值(pixels)不推荐使用。定义图像顶部和底部的空白。
width:值(pixels %)设置图像的宽度。
389
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
