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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/267616.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Lync Server 2010的部署系列_第七章 部署边缘服务器(上)

一、配置边缘支持的内部DNS记录 1) 登录DC.Gianthard.com(192.168.1.11)。在相应的 DNS 服务器上,依次单击“开始”、“控制面板”、“管理工具”,然后单击“DNS”。 2) 在 SIP 域的控制台树中,展开“正向查找区域”&a…

iOS扩大按钮的点击范围

// 重写此方法将按钮的点击范围扩大 - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {CGRect bounds self.bounds;// 扩大点击区域bounds CGRectInset(bounds, -20, -20);// 若点击的点在新的bounds里面。就返回yesreturn CGRectContainsPoint(bounds, poin…

html5 txt文件上传,JavaScript html5利用FileReader实现上传功能

本文实例为大家分享了H5利用FileReader上传文件的具体代码,供大家参考,具体内容如下1. Html部分文件上传演练Browse...2. JS部分var result document.getElementById("result");var input document.getElementById("file_input");…

判断标签是否出界,重新设置样式

//样式重置,因为会获取到上次设置的样式 $(#releaseData).css({ "height": "auto", "bottom": "auto" }); //获取底部位置 var bottom$("#releaseData").css("bottom"); if (bottom.toString().indexO…

一起谈.NET技术,ASP.NET 请求处理流程

HTTP处理流程图 以上流程的一些概念解释: 1.http.sys 是一个位于Win2003和WinXP SP2中的操作系统核心组件,能够让任何应用程序通过它提供的接口,以http协议进行信息通讯。 温馨提示:如果用户不慎删除了该驱动文件,不用…

链接在HTML的英文,英文:A链接标记ie下会自动补全href_HTML/Xhtml_网页制作

英文:A链接标记ie下会自动补全href.Whilst working on the Ajax Link Tracker and MapSurface I have come across an inconsistency in how the href attribute is retrieved using DOM Scripting.The href attribute is different to other element attributes in that the v…

python实现文件加密

前言: 想实现批量文件加密,可惜批量。展时没有思路 0x1 没有加密前的图片 加密后!!! !!!打不开了 0x02: 代码 import hashlibdef get_sha1(f):xdopen(E:/1.txt,rb).read() #以读二进…

教徒计划出品:升级ESXI41-ESXI5

这个文档是教徒计划“教徒第一期”学员做的升级ESX41到ESXI5的资料,以后教徒计划学员做的资料共享时,我都会打上“教徒计划出品”字样,这样有别于“现任明教教主”出品。这样能够确认是谁主导做的这个事情。“教徒计划”这个平台能够给安全CC…

html是以一种通用的方法来,c++ 有一种通用的方法来使函数模板适应为多态函数对象吗?...

我有一些功能模板,例如template void foo(T);template void bar(T);// others我需要将每一个传递给一种算法,它将被称为各种类型的算法.template void some_algorithm(F f){// call f with argument of type int// call f with argument of type SomeClass// etc.}我不能传递我…

百度2011大会见闻:百度开始推出耀主页

9月2号是百度大会的日子&#xff0c;之前通过51CTO注册&#xff0c;获得了参会资格&#xff0c;感谢51CTO带来的机会&#xff0c;可以有幸到现场观看到百度总裁李彦宏的精彩演讲。<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />…

asp.net core中使用log4net

和之前的ASP.NET MVC中的使用LOG4NET的方法有些不同&#xff0c;这里先记录一下&#xff0c;使用步骤如下 &#xff1a; 1. 建立 ASP.NET CORE项目中&#xff0c;NUGET中搜索log4net后下载安装 2. 根目录建立 log4net.config文件&#xff0c;内容如下&#xff1a; <?xml ve…

2013电大计算机应用基础试题及答案,[2017年电大]电大2013年计算机应用基础试题及答案[呕心沥血整理].doc...

[2017年电大]电大2013年计算机应用基础试题及答案[呕心沥血整理]计算机应用基础复习资料一、单选题1、当前的计算机一般被认为是第四代计算机&#xff0c;它所采用的逻辑元件是______。答案&#xff1a; DA&#xff1a;晶体管 B&#xff1a;集成电路 C&#xff1a;电子管 D&…

由于远程桌面服务当前正忙|VDI无法连接

VDI 无法连接&#xff0c;“由于远程桌面服务当前正忙”。Win2008 R2 DC RDVH RDCB RDWA &#xff0c;然后为用户demo配置了个人虚拟机&#xff08;XP SP3&#xff09;&#xff0c;当用户登录rdwa.abc.com/rdweb &#xff0c;访问“我的桌面”时一段时间后报错 “由于远程桌…

寒假作业01

1.对大一上学期的总结&#xff1a; 用一句很经典的话来说&#xff0c;大学生活与高中生活不同就在于高中忙着做作业是为了有时间去做其他的事&#xff0c;而在大学&#xff0c;得忙着做完其他事情才有时间去做作业。因为不仅要处理好学习内的事情&#xff0c;还要花心思在课余活…

单招计算机英语面试口语,英语面试口语对话技巧:教育背景

2021年高职单招升学一对一咨询高职单招袁老师:16623303056(微信)英语面试口语对话技巧:教育背景一、常见的英语面试对话1a&#xff1a;can you read and write english and german?你能用英语和德语读写吗&#xff1f;b&#xff1a;no, im proficient in both written and spo…

C代码中的命名方式总结和改进

宏全部使用大写字母--------宏大写结构体名字全部使用typedef&#xff0c;typedef之后的名字为大写-------结构体别名大写函数名全部使用小写字母&#xff0c;单词之间使用下划线分割-------函数名小写&#xff0c;单词之间下划线&#xff08;1&#xff09;函数名第一个单词全小…

linux 安装软件的几种方法

一、 解析Linux应用软件安装包&#xff1a;通常Linux应用软件的安装包有三种&#xff1a;1&#xff09; tar包&#xff0c;如software-1.2.3-1.tar.gz。它是使用UNIX系统的打包工具tar打包的。2&#xff09; rpm包&#xff0c;如software-1.2.3-1.i386.rpm。它是Redhat Linux提…

对计算机网络用户而言 掌握网络,计算机网络的特点

1、可靠性在一个网络系统中&#xff0c;当一台计算机出现故障时&#xff0c;可立即由系统中的另一台计算机来代替其完成所承担的任务。同样&#xff0c;当网络的一条链路出了故障时可选择其它的通信链路进行连接。2、高效性计算机网络系统摆脱了中心计算机控制结构数据传输的局…

Bootstrap-CSS:表格

ylbtech-Bootstrap-CSS&#xff1a;表格1.返回顶部 1、Bootstrap 表格 Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素&#xff1a; 标签描述<table>为表格添加基础样式。<thead>表格标题行的容器元素&#xff08;<tr>…

Oracle找出需要建立索引的表

文章讨论的是本来应该建立索引而因为疏忽&#xff0c;或者考虑不周全而没有建立的情况 select distinct sp.OBJECT_NAME,round(ds.bytes/1024/1024,2) MB,num_rows,last_analyzed from v$sql_plan sp ,v$sqlarea sq,dba_segments ds,dba_tables dt where sq.ADDRESSsp.ADDRESS …