HTML表单

HTML表单:表单是用来采集用户的输入数据,然后将数据提交给服务器

<form action="" method=""> </form>
解释:
<form>元素主要是定义本身是一组表单。
属性解释:action将表单元素的填写内容发送给某个后台文件method通过什么方式发送给后台文件,两种方式get,post

form属性列表:

accept-charset 规定在被提交表单中使用的字符集
action 规定向何处提交表单的地址
autocomplete 规定浏览器应该自动完成表单
enctype 规定被提交数据的编码
method 规定在提交表单时所用的 HTTP 方法
name 规定识别表单的名称
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标

input标签
文本框 text
属性
 1、value 用户输入的数据
 如果提前在代码中设置好了,相当于是内容的默认值
 最后value属性值会发送给后台
 2、name 告诉后台发送出去的数据是什么含义
 3、placeholder 占位符
密码框 password
单选框 radio
属性
 checked 默认选中
 针对于单选框,一组中只能设置一个
多选框 checkbox
文件选择框 file
多文件选择 multiple 
提交按钮 submit
重置按钮 reset
普通按钮 button
注意点:如果需要使用功能:需要配合form标签一起使用(使用form标签把表单标签一起包裹起来即可)

 

 

 

 

<textarea>元素
<textarea>标签定义一个多行的文本输入控件

cols多少列 表示的是文本域的宽度

rows 多少行 表示的文本域的高度

 

 

下拉列表标签:select
下拉列表标签,提供一些选项,来选中其中的一项或多项。需要配合子标签<option>来使用。
name属性:设置名称,必写项。
multiple属性:不写默认单选,取值为multiple表示多选。
size属性:多选时,可见的选项数目。

子标签<option>:下拉列表中的一个选项
    selected:选中当前的列表项。
    value:发送给服务器的选项值

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值