⽤html代码制作⼀个表单页⾯,HTML⽹页表单制作详细讲解表单是⼀个⽹站和访问者开展互动的窗⼝,我们现在就给⼤家介绍⼀下表单的⼀些基本知识和表单美化⽅法。
初识表单
表单可以⽤来在⽹页中发送数据,特别是经常被⽤在联系表单-⽤户输⼊信息然后发送到Email中。表单本⾝是没有什么⽤的。这需要编⼀个程序来处理输⼊表单中的数据。这也超出了本站指南的范围。如果使⽤⽹络服务器来放置HTML,你能够⾃助地到⼀些简单的教程,开发⼀个服务器端的程序使⼀个发送到Email的表单⼯作。
表单元素
实际⽤在HTML中的标签有form、 input、 textarea、 select和option。表单标签form定义的表单⾥头,必须有⾏为属性action,它告诉表单当提交的时候将内容发往何处。
可选的⽅法属性method告诉表单数据将怎样发送,有get(默认的)和post两个值。常⽤到的是设置post值,它可以隐藏信息(get的信息会暴露在URL中)。⽹页教学⽹
所以⼀个表单元素看起来是这样⼦的:
以下为引⽤的内容:
input标签在表单制作中起到的作⽤很重要。有10种形式,概括如下:
是标准的⽂本框。它可以有⼀个值属性value,⽤来设置⽂本框⾥的默认⽂本。
像⽂本框⼀样,但是会以星号代替⽤户所输⼊的实际字符。
是复选框,⽤户可以快速的选择或者不选⼀个条⽬。它可以有⼀个预选属性checked,像这样的格式. ⽹页教学⽹
与复选框相似,但是⽤户只可在⼀个组中选择⼀个单选按钮。它也有⼀个预选属性checked,使⽤⽅法跟复选框⼀样。 ⽹页教学⽹
是展⽰你电脑上的⽂件的⼀个区域,就像你在⼀个软件中打开或者保存⼀个⽂档⼀样。 ⽹页教学⽹
是⼀个被点击后提交表单的按钮。你可以⽤值属性value来控制按钮上显⽰的⽂本(下⾯的button和reset类型也可以这样,稍后介绍),如下: .
以图像代替按钮⽂本,src属性是必须的,像img标签⼀样。
是⼀个如果没有其他代码的话什么都不做的按钮。
是⼀个点击后会重置表单内容的按钮。
html个人网页完整代码怎么看不会显⽰任何东西,它⽤来传输诸如⽤户正在⽤的页⾯的名字或者Email地址等表单必须传输的东西。oracle instantclient
注意输⼊标签input也是⽤“/>”⾃关闭的。
多⾏⽂本输⼊框标签textarea基本上就是⼀个⽐较⼤的⽂本框。它必须有⾏属性rows和列属性cols,⽤法像这样:⽹页教学⽹
Webjx.Com welcome
选定标签select与选项标签option⼀起可以制作⼀个下拉选框。是这样⼯作的:
以下为引⽤的内容:
Option 1
Option 2
Option 3
当表单被提交时,被选中选项的值将被发送。⽹页教学⽹
与复选框和单选按钮的预选属性checked⼀样,选项标签option也有⼀个预选属性selected,它可以⽤在这样的格式中:
Rodent
上述的标签中在⽹页中看起来都不错,但是,如果你有⼀个程序来处理这个表单,这些标签都不起作⽤。这是因为,表单字段需要名称。所以所有的字段中都需要增加名称属性name,⽐如 。 ⽹页教学
⼀个表单看起来应该像下⾯这样(注意:这个表单不会⼯作,除⾮有⼀个⽤来提交数据的“reg.asp”的⽂件,它位于表单标签form的⾏为属性action中。)
以下为引⽤的内容:
Name:
如何把文本链接变成网页链接Comments:
Your comments
Are you:
structural geology fossen
⽹页教学
Male
Female
An hermaphrodite
Asexual
javascript面试常见问题以上就是表单的⼀些基本知识和表单的⼯作原理了,希望⼤家对表单有个好的认识。
软件测试的内容
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论