html表单:HTML表单基础知识

网页留言板代码  时间:2021-01-17  阅读:()

疯狂代码http://CrazyCoder.
cn/:http:/CrazyCoder.
cn/HtmlJiaoCheng/Article23344.
html本专题从最基础的表单知识,到表单的高级应用,让你有一个比较全面地认识,相信你在读完本专题以后,一定会对表单非常熟悉.
一、表单概述表单,在网页中的作用不可小视,主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等.
1、表单的组成一个表单有三个基本组成部分:表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法.

表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等.

表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作.
为了顾及不同的网页设计工具,本文只讲述代码的设计,不具体讲述操作方法,下面就是表单的HTML代码设计要点:1.
1表单标签功能:用于申明表单,定义采集数据的范围,也就是和里面包含的数据将被提交到服务器或者电子邮件里.
语法:属性解释见下表:action=url指定一来处理提交表单的格式.
它可以是一个URL地址(提交给程式)或一个电子邮件地址.
method=get或post指明提交表单的HTTP方法.
可能的值为:post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中.
get:不赞成.
GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.
这是往前兼容的缺省值.
这个值由于国际化的原因不赞成使用.
enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.
这个特性的缺省值是"application/x-www-form-urlencoded"TARGET=".
.
.
"指定提交的结果文档显示的位置:_blank:在一个新的、无名浏览器窗口调入指定的文档;_self:在指向这个目标的无素的相同的框架中调入文档;_parent:把文档调入当前框的直接的父FRAMESET框中;这个值在当前框没有父框时等价于_self;_top:把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框没有你框时的_self.
例如:.
.
.
表示表单将向http://www.
yesky.
com/test.
asp以post的方式提交,提交的结果在新的页面显示,数据提交的媒体方式是默认的application/x-www-form-urlencoded方式;1.
2表单域表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据,下面分别讲述这些表单域的代码格式:1.
2.
1文本框文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等.

代码格式:属性解释:type="text"定义单行文本输入框;name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;size属性定义文本框的宽度,单位是单个字符宽度;maxlength属性定义最多输入的字符数.
value属性定义文本框的初始值样例1:样例1代码:1.
2.
2多行文本框也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容.

代码格式:属性解释:name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;cols属性定义多行文本框的宽度,单位是单个字符宽度;rows属性定义多行文本框的高度,单位是单个字符宽度;wrap属性定义输入内容大于文本域时显示的方式,可选值如下:默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行;Virtual,允许文本自动换行.
当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理.
样例2:样例2代码:1.
2.
3密码框是一种特殊的文本域,用于输入密码.
当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏.
代码格式:属性解释:type="password"定义密码框;name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;size属性定义密码框的宽度,单位是单个字符宽度;maxlength属性定义最多输入的字符数.
样例3:样例3代码:1.
2.
4隐藏域隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.
当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上.
代码格式:属性解释:type="hidden"定义隐藏域;name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;value属性定义隐藏域的值例如:1.
2.
5复选框复选框允许在待选项中选中一项以上的选项.
每个复选框都是一个独立的元素,都必须有一个唯一的名称.

代码格式:属性解释:type="checkbox"定义复选框;name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;value属性定义复选框的值样例4:yesky.
comChinabyte.
com样例4代码:yesky.
comChinabyte.
com1.
2.
6单选框当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了.
代码格式:属性解释:type="radio"定义单选框;name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;value属性定义单选框的值,在同一组中,它们的域值必须是不同的.
样例5:yesky.
comChinabyte.
com样例5代码:yesky.
comChinabyte.
com1.
2.
7文件上传框有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮.

访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件.

注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件.
表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码;另外,表单的传送方式必须设置成POST.

新网,域名7月盛夏1核心2G内存.COM域名仅19.9元/首年,主机9.9元/月,企业邮箱0元体验

新网好不好?新网域名便宜吗?新网怎么样?新网是国内老牌知名域名注册商,企业正规化运营,资质齐全,与阿里云万网和腾讯云DNSPOD同为国内服务商巨头。近日新网发布了最新的七月放价季优惠活动,主要针对域名、云主机、企业邮箱、SSL证书等多款云产品推送了超值的优惠,其中.com顶级域名仅19.9元/首年,.cn域名仅16元/首年,云主机1核心2G内存3Mbps带宽仅9.9元/月,企业邮箱更是免费送1年,...

PQ.hosting:香港HE/乌克兰/俄罗斯/荷兰/摩尔多瓦/德国/斯洛伐克/捷克vps,2核/2GB内存/30GB NVMe空间,€3/月

PQ.hosting怎么样?PQ.hosting是一家俄罗斯商家,正规公司,主要提供KVM VPS和独立服务器,VPS数据中心有香港HE、俄罗斯莫斯科DataPro、乌克兰VOLIA、拉脱维亚、荷兰Serverius、摩尔多瓦Alexhost、德国等。部分配置有变化,同时开通Paypal付款。香港、乌克兰、德国、斯洛伐克、捷克等为NVMe硬盘。香港为HE线路,三网绕美(不太建议香港)。免费支持wi...

Digital-vm80美元,1-10Gbps带宽日本/新加坡独立服务器

Digital-vm是一家成立于2019年的国外主机商,商家提供VPS和独立服务器租用业务,其中VPS基于KVM架构,提供1-10Gbps带宽,数据中心可选包括美国洛杉矶、日本、新加坡、挪威、西班牙、丹麦、荷兰、英国等8个地区机房;除了VPS主机外,商家还提供日本、新加坡独立服务器,同样可选1-10Gbps带宽,最低每月仅80美元起。下面列出两款独立服务器配置信息。配置一 $80/月CPU:E3-...

网页留言板代码为你推荐
虚拟主机服务虚拟主机和虚拟服务器有什么区别?网站域名注册有没有免费的域名申请虚拟主机申请域名申请以及虚拟主机手机网站空间手机登陆qq空间网址是什么?虚拟主机软件哪种虚拟机软件好用大连虚拟主机大连哪些地方的网通机房好?域名网电脑上的域名分别表示什么!备案域名购买什么是已备案域名?那里 有已备案域名动态域名解析动态域名解析哪种最稳定???购买域名如何购买域名?域名是干什么的?
台湾主机 河南虚拟主机 浙江vps 域名服务器是什么 中国万网虚拟主机 泛域名解析 smartvps 服务器评测 westhost kvmla 免费ddos防火墙 ca4249 北京双线机房 股票老左 徐正曦 共享主机 linux使用教程 smtp服务器地址 华为k3 空间申请 更多