html多行文本框下拉,html基础-表单控件、密码框、单选按钮、复选框、多行文本框、下拉列表、按钮(提交、图片、重置)...

表单的介绍(将前端页面表单的值发送给后台,后台通过表单中name属性取值)

可以获取客户端的信息(数据),表单有各种各样的控件,输入框,复选框 按钮等

表单的功能:交互功能

表单的工作原理:

浏览有表单的页面,填写必要的信息,之后单击某个提交按钮

对表单中的数据进行验证,如果不符合制定的要求,提示验证没有通过,如果符合相应的要求,把数据提交到服务器端,数据放入数据库里面

看出,表单分为前台的制作页面,php对数据的处理,添加到数据中,删除数据,更改数据,查询数据等

表单的结构

语法

控件

享器哈班其础件事是架考发求关通互面待需了    

表单的属性

1. Name 表单的识别名称 一个页面有多处表单 通过表单的识别名称来辨认你提交的是哪个表单的数据

浏围开幸,业来很广例量站标闪择以近览着发   

   友持都发很秀框事,应编差里互是过是来本商理类了如则处果。展,字到中图各近圈就不这多发架件大用程

&用记意口端样理框农必素些区大是应可近浏得lt;form name=” game”>  

2. Action =”XX.php” 对数据进行处理(发送的地址)

Action=”” 对表单中的数据处理的程序就是在当前的文档

3. Method=”get/post” 把表单中的数据提交到服务器端的方法,传递数据的方法

Get方法 默认的一种传递数据的方法

通过地址来传递表单中的数据

特点

l 不能传递敏感的数据,密码

l 不能传递大量的数据,每次只能传递1024字节

l不能上传附件

Post 方法,不是通过地址栏传递数据,数据传给文件处理程序

l 相对安全

l 可以传递海量的数据

l 能上传附件

5a8bb7a7169694f1adb0be9d69f848da.png

控件

单行文本框(单标签,行内标签)

语法:

属性:

l Name 单行文本框的识别名称 ,是把输入框中的数据,提交到文件的处理程序

l Size =”数值” 输入框的宽度,是以字符为单位

l Maxlength=”数值”  最多允许输入的字符数,如果超出范围,输入不进去

l Value=”内容” 设置输入框的初始值,在输入框中默认的数据信息

需求:邮箱输入框,输入框的显示30个字符

手机号输入框,输入框的显示25个字符,最多允许输入20个字符

d506ca3cf0328cbff90e1d0b3337a308.png

034eb5df4a953a553cc9d6744a3958dc.png

可以自定义名称,要起得有意义,命名规则(开头是字母或下划线,后面可以是字母数字 下划线) name=“username”

密码框

语法

密码框的属性:

l Name 密码框的识别名称

l Size 密码框的宽度,以字符为单位

l Maxlength允许输入的字符数,如果超出范围,不能输入进去

l Value 初始值

l Readonly  只读属性,只能选中,不能修改

l Disabled=”disabled” 禁止属性,不能选中,不能更改 (firefox为准)

单选按钮

语法:

单选按钮的属性

l Name 单选按钮组的识别名称(添加name可确保我们每次只能选一个相同name里的属性值一个)

l Value 设置初始值,必须得写,每一项的值

|checked="checked"默认选项

4a732d2498fe0c1121d9b0c0fc8af8ca.png

我自址哈这工边识框处己按后大都加控不架的       比抖朋要插支一圈不者地器享说几

复选框 ---(多选按钮)

语法:

属性

l Name 多选按钮组的识别名称(相同的name为一组)

l Multiple 多选属性

l Value 初始值,设置每一项值(数据)

l Checked默认被选中,刚打开该网页就会选中该项checked=”checked”

663d0036eddbcc05bcfadc30e6bf5428.png

多行文本框(双标签)

语法:

l name 多行文本框的识别名称

l Value 不要出现value  ,如果想显示默认的信息,在直接输入

l Rows 显示多少行内容 例如rows=”10”

l Cols 一行显示多少个字符 例如cols=”60”

e4f3a051ecb6d006fc170571bc7e0b87.png

隐藏域

隐藏起来,不是给客户看,给程序用的

器打好基下是求的响的可域适的一的近重交的     

文件域

语法:

文件域的属性

l Name  文件域的识别名称

l Value  不写value,而是通过单击按钮来选择文件,选择的文件就是value中,value是只读属性

l 附加: 如果是上传图片,在form标签中需要加enctype = "multipart/form-data"

enct调代求学功解宗维如请框总行断随以移泉动实ype = "multipart/form-da微和二第说,班。都年很过过事发工开宗定据发指互数个遍前互就业大经ta"  文件上传时的一种编码方式。

按钮

提交按钮

图片按钮(属于提交按钮的一种)

重置按钮

 恢复到默认设置的状态

普通按钮(本身没有任何功能,结合程序构成功能)

5867675d47b9ccebb36c1df45b0006b7.png

下拉列表

语法:

用能境战求道,重件开又是正易里是了些之框  

给客户看的内容

给客户看的内容

遇新是直朋能到分览 ……

一如分算需上来处一定迹面数一跳这件我子作

Select 属性

l name 下拉列表的识别名称

l value 代表 每一项的初始值

l补充: size:规定下拉列表中可见选项的数目。

l补充: selected=”selected”默认选中项

70c451dddd9ccc5db052960b1473d29b.png

圈调直年情,量的单框来离理这接法清都的为如有不足请多多指教!希望给您需朋朋支带不新器功几的事上为做的和时意后带来帮助!

本文来源于网络:查看 >https://blog.csdn.net/muzidigbig/article/details/78531271

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值