HTML4表单

 表单标记:<form></form>
form属性:
①action=“url”处理表单数据的应用程序地址,email地址或者网址,提交到哪儿个文件。
②method=“get”
               =“post”
数据传递的方式, get提交方式在地址栏会以明文显示,不能传递大数据,空间有限,默认传递方式。
post上传文件使用,地址栏不会明文显示,可以传递大数据。

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

单行文本框文本框:

<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键遍历顺序,数值越小越先选择

密码框:
<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键遍历顺序,数值越小越先选择 


按钮:
<input type='button'>

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

 

提交按钮:
<input type='submit' value="提交">

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

重置按钮:

<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”
多行文本的高度
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值