HTML-表单

☆樱花仙子☆ 提交于 2020-01-03 07:49:28

表单是用来交互的,接收浏览器端的数据
语法:<form name="" action="" method="">
各种控件.....
</form>


表单属性
name 表单标识
action表单数据提交给处理数据的页面
method表单提交方式 有post和get 默认get


get方式
通过地址传输数据
不能传递敏感数据,
不能传递大量数据,最大1KB
不能传递附件


post方式
将数据传递给处理程序
相对安全
可以传递大量数据
可以传递附件


控件介绍


1、单行文本框
语法:<input type="text" name=""  value="" size="" maxlength=""/>
属性:name单行文本框的标识
size文本框宽度 单位字符
maxlength文本框最多能输入多少字符,超过则无法输入
value 文本框的初始值


2、密码框
语法:<input type="password" name="" value="" size="" maxlength=""/>
属性:name 密码框的标识
value 密码框的初始值
size 密码框的宽度,单位字符
maxlength 密码框最多能输入的字符,超过无法输入
readonly只读属性,可以选中,不能修改
disabled 不能选中,也不能修改


3、单选框
语法:<input type="radio" name="" value=""/>值1
<input type="radio" name="" value=""/>值2
属性:name 单选按钮组的标识
value 单选按钮的初始值,必须填写,而且不同


4、多选框
语法:<input type="checkbox" name="" value="" checked="checked"/>值1
<input type="checkbox" name="" value="" />值2
属性:name 多选框组的标识
value多选框每一项的值
checked 默认初始被选中


5、多行文本框
语法:<textarea name=""  rows="" cols="">内容</textarea>
属性:name 多行文本框的标识
rows 多行文本框的行数
cols 每行最多的字符数
初始值是内容


6、下拉列表
<select name="">
<option value="">值1</option>
<option value="">值2</option>
<option value="">值3</option>
</select>
属性:name 下拉列表的标识
value 每一项的初始值


7、按钮
提交按钮 提交表单数据 value 按钮上的文字
<input type="submit" value=""/>
图片形式的提交按钮
<input type="image" src=""/>
重置按钮 将表单的数据重置到初始状态 value 按钮上的文字
<input type="reset" value=""/>
普通按钮 本身没有什么功能,结合JS就可以实行功能
<input type="button" value="" />


8、隐藏域和文件上传
隐藏域
语法:<input type="hidden" name=""/>
隐藏起来,为了给程序传递数据


文件上传
语法:<input type="file" name=""/>
属性:name 文件上传的标识
它的值是选择文件后才有值

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!