HTML4表单

来源:互联网 发布:mac照片怎么导入iphone 编辑:程序博客网 时间:2024/05/25 21:36
 表单标记:<form></form>
form属性:
①action=“url”处理表单数据的应用程序地址,email地址或者网址,提交到哪儿个文件。
②method=“get”
               =“post”
数据传递的方式, get提交方式在地址栏会以明文显示,不能传递大数据,空间有限,默认传递方式。
post上传文件使用,地址栏不会明文显示,可以传递大数据。

<input type=“  ”>输入控件,type值不同输入的控件也不同


单行文本框文本框:
 HTML Code 
1
<input type='reset' value="重置">

属性:
①name=“hh”文本框名字,不能重复一样的名字
②size=“10”文本框的宽度
③maxlength=“8”最大长度限制输入的长度,固定长度
④value=“hh”文本框初始值,用于修改页面,原数据还在页面上,默认没修改之前的值
⑤readonly=“true”
                 =“false”
布尔型,只读属性, 用户不可编辑此框,可提交给服务器
⑥disabled=“disabled”布尔型,变为灰色,不可修改选框,不提示给服务器,用于提示文字
⑦accesskey=“q”快捷键,设置快捷键,按设置的快捷键跳到该选框
accesskey=“q” 密码(<u>q</u>)按alt+q键选中密码框
⑧tableindex=“1”改变Tab键遍历顺序,数值越小越先选择

密码框:
 HTML Code 
1
 
<input type="password">
属性: 
①name=“hh”文本框名字,不能重复一样的名字
②size=“10”文本框的宽度
③maxlength=“8”最大长度限制输入的长度,固定长度
④value=“hh”文本框初始值,用于修改页面,原数据还在页面上,默认没修改之前的值
⑤readonly=“true”
                 =“false”
布尔型,只读属性, 用户不可编辑此框,可提交给服务器
⑥disabled=“disabled”布尔型,变为灰色,不可修改选框,不提示给服务器,用于提示文字
⑦accesskey=“q”快捷键,设置快捷键,按设置的快捷键跳到该选框
accesskey=“q” 密码(<u>q</u>)按alt+q键选中密码框
⑧tableindex=“1”改变Tab键遍历顺序,数值越小越先选择 

按钮:
 HTML Code 
1
<input type='button'>
属性:
name=“hh”命名名称
②value=“hh”按钮上显示的文字

提交按钮:
 HTML Code 
1
<input type='submit' value="提交">
属性:
name=“hh”命名名称
②value=“hh”按钮上显示的文字
 
重置按钮:
 HTML Code 
1
<input type='submit' value="提交">

属性:
name=“hh”命名名称
②value=“hh”按钮上显示的文字
 

文件上传:
<input type='file' value=“hh” >
name=“nn”命名
显示浏览按钮文件上传

单选按钮:
<input type='radio'  >
属性:
name=“hh”
命名名称,单选框的名字一定要一样
②value=“hh”
选中的值传到服务器
③checked
默认此项是选中项
<label for="chi"><input="radio" id=“chi”>吃</label>
绑定选框,点击字就可以选中选框
起名id,label标签,for=命名的id

复选按钮
<input type="checkbox" >
属性:
name=“hh”
命名名称,命名不能相同
②value=“hh”
选中的值传到服务器
③checked
默认此项是选中项
<label for="chi"><input="checkbox" id=“chi”>吃</label>
绑定选框,点击字就可以选中选框
起名id,label标签,for=命名的id

下拉列表
<select name="hh">
<option>bb</option>
</select> 

属性
①name=“hh”
命名
②size=“2”
列表显示几个
③multiple
单选变成复选
disabled=“disabled”
布尔型,变为灰色,不可修改选框,不提示给服务器,用于提示文字
tableindex=“1”
改变Tab键遍历顺序,数值越小越先选择
 

<option>是列表项
属性:
①value=“1”
选择项的值
②select=“select”
默认选项,布尔型
disabled=“disabled”
布尔型,变为灰色,不可修改选框,不提示给服务器,用于提示文字
tableindex=“1”
改变Tab键遍历顺序,数值越小越先选择
 
隐藏
<input type="hidden" >
属性:
①value=“1”
输入字段的初始值

多行文本
<textarea></textarea>
属性:
name=“hh” 
命名
②rows=“2”
多行文本的宽度
③cols=“3”
多行文本的高度
原创粉丝点击