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…

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

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

一起谈.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…

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

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

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

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

Bootstrap-CSS:表格

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

Missing artifact net.sf.json-lib:json-lib:jar:2.4错误和Eclipse安装Maven插件错误

微信公众号&#xff1a;compassblog 欢迎关注、转发&#xff0c;互相学习&#xff0c;共同进步&#xff01; 有任何问题&#xff0c;请后台留言联系&#xff01; 1、配置Maven项目的pom.xml文件报错 &#xff08;1&#xff09;、错误描述&#xff1a;Missing artifact net.sf.j…

web前端【补充】CSS补充

css常用的一些属性&#xff1a; 1.去掉下划线 &#xff1a;text-decoration:none ;2.加上下划线&#xff1a; text-decoration: underline; 3.调整文本和图片的位置&#xff08;也就是设置元素的垂直对齐方式&#xff09;&#xff1a;vertical-align:-20px; 没设置之前&#xf…

XNA游戏:Hello XNA

下面创建一个简单的Windows Phone 7的XNA 程序&#xff0c;只是一个Hello XNA的文本&#xff0c;从屏幕的左上角一直往右下角移动&#xff0c;通过该例子来开始Windows Phone 7 XNA的游戏编程。 新建一个项目后可以看到这样的一个项目工程结构&#xff0c;如图所示。 Content项…

最快超级计算机神威,我国超算第一不保, 2018年最快超级计算机超神威太湖之光2倍...

原标题&#xff1a;我国超算第一不保, 2018年最快超级计算机超神威太湖之光2倍计算机的进化可以说是日新月异&#xff0c;去年的我国的神威太湖之光与天河二号分别为全球最快的大型计算机榜单第一和第二名。但是2018年新的超级计算机性能排名又出来了&#xff0c;这次我国的神威…

计算机怎么删除表格,电脑中删除Excel2010表格多余图片的三种方法

为了让表格看起来更加直观&#xff0c;很多朋友都会在Excel中插入图片。那么&#xff0c;当我们大批量插入图片时&#xff0c;如果想要删除的话&#xff0c;应该怎么办呢&#xff1f;以下是系统城小编为您带来的电脑中删除Excel2010表格多余图片的三种方法&#xff0c;希望对您…

C#设计模式--模板方法模式(学习Learning hard 设计模式笔记)

class Program{static void Main(string[] args){//创建一个菠菜实例并调用模板方法Spinach spinach new Spinach();spinach.CookVegetable();Thread.Sleep(5000);//创建一个白菜实例并调用模板方法ChineseCabbage chineseCabbage new ChineseCabbage();chineseCabbage.CookV…

tl_war302虚拟服务器,tl-war302设置教程

tl-war302设置教程[2021-02-16 17:51:52] 简介:php去除nbsp的方法&#xff1a;首先创建一个PHP代码示例文件&#xff1b;然后通过“preg_replace("/(\s|\&nbsp\;| |\xc2\xa0)/", " ", strip_tags($val));”方法去除所有nbsp即可。推荐&#xff1a;《…

游侠联机显示无法链接服务器,我的世界用游侠联机时连接不上

2014-04-14我的世界怎么联机时转账我的世界联机教程&#xff1a;Minecraft联机教程日期&#xff1a;2012年01月13日 10:46 来源&#xff1a; 766单机游戏 核心提示&#xff1a;我的世界联机教程&#xff1a;Minecraft联机教程 第一步&#xff0c;下载联机版&#xff01;&#x…

python利用近似公式计算π_Excel函数公式大全之利用SUMSQ函数快速计算多个数据的平方和...

各位Excel天天学的小伙伴们大家好&#xff0c;欢迎收看Excel天天学出品的excel2019函数公式大全课程。今天我们要学习的函数是数学函数中的SUMSQ函数&#xff0c;SUMSQ函数的功能是快速计算多个数据的平方和。SUMSQ函数    函数功能       SUMSQ函数用于返回参数的平方和。…

客户机-服务器系统,什么是客户机/服务器计算

什么是客户机/服务器计算客户机/服务器计算定义一种体系结构&#xff0c;在该结构中&#xff0c;程序逻辑分布在客户机系统和服务器系统之间。客户机/服务器计算是20世纪80年代的各种趋势形成的结果&#xff0c;它使用通过LAN连接到后端数据库服务器或应用程序服务器的功能强大…

多维数据建模工具

2019独角兽企业重金招聘Python工程师标准>>> 多维数据建模工具 Style Intelligence敏捷商业智能软件不仅可以连接各种OLAP数据库&#xff0c;还提供了多维数据建模工具。使用多维数据建模工具进行多维数据建模不但简单易用而且无需编写任何的代码。用户只需要通过语…