html表单⽂本框作⽤,⽤好HTML表单的⽂本框
表单的⽂本框分为单⾏⽂本框和多⾏⽂本框，故名思义，单⾏⽂本框⽤于输⼊⼀些简短的信息，如：姓名、E_mail地址、⼝令等等；多⾏⽂本框⽤于输⼊内容较长的信息，如：⽤户意见、评论、留⾔等。只要你理解了表单的⽂本框参数的含义，制作接收信息的⽂本框是不难的，请看下⾯的例⼦。
⼀、⼀个单⾏⽂本框的例⼦
html内容文本框本例的源代码如下：
method="post" enctype="text/plain">
您的姓名：
type="text" name="text1" size="12"
maxlength="20">
您的E_mail：
maxlength="24" value="*****@*.*">
输⼊⼝令：
maxlength="8">
本例中⽤了三个单⾏⽂本框来分别接收⽤户的“姓名”、“E_mail地址”和“⼝令”信息，在三个⽂本框中都设定⽂本框的宽度(size)和最⼤输⼊⽂本长度(maxlength)，在第⼆个⽂本框中还设定了初始值(value)，你可能注意到了，我把每个⽂本框的名称(name)都取成了英⽂名，这样对⽤于程序外理⽐较⽅便，因下例中要⽤这个例⼦。若是⽤电⼦邮件接收表单信息并不⽤程序处理，那么⽤中⽂名⽐较直观。为了使其成为⼀个具有实际交互功能的表单，加上了⼀个提交按钮，并在
标记中设定了action参数为：action="mailto:fyy0528@sina"
，同时把method参数设置为：method="post"，这样，⼀旦按下“提交”按钮将会把信息通过电⼦邮件发到“fyy0528@sina”信箱。看来制作并不难！是吗？不过要注意：size的值⼩于maxlength的值时，当内容超过输⼊窗⼝的长度时会⾃动滚动；反之，size的值⼤于maxlength的值，超过maxlength长度的内容⽆法输⼊。
⼆、检验⽤户输⼊的信息
在上例中，若是⽤户什么信息也不写就按提交按钮，那不是⽩收⼀份邮件吗？要避免这种情况出现，
就要对⽤户的输⼊信息进⾏检验，这就要⽤到标记的onclick参数，我们在“提交”按钮的标记中把onclick
设置为：οnclick="test(form1)"，⽽“test(form)”则是⼀个Javascript⼦程序，⽤来检验⽂本框的输⼊内容的，它的源代码如下：
把这段程序复制在
与之间，那么⼀旦⽤户按下提交按钮，就会调⽤这段程序对⽤户输⼊的信息进⾏检验，如果信息不正确就会给出提⽰，提醒⽤户输⼊正确的信息。注：在标记中设置οnsubmit="test(form1)"也能达到同样的效果。
三、制作⼀个留⾔簿
这个留⾔簿虽简单，但已包含了留⾔簿的基本功能，它是通过邮件的⽅式接收⽤户的信息，⽆需CGI⽀持。它的制作也⽐较简单，它采⽤表格产⽣⽴体效果，在表单中先插⼊⼀个表格，并设置好表格的有关参数，在表单⽅⾯，只是⽐例⼀多了⼀个多⾏⽂本框。在标记中设置type="textarea"，不能得到⼀个多⾏⽂本框。我们⽤HTML的另⼀个标记来设置⼀个多⾏⽂本框，若是默认的⽂本框⼤⼩不合适，可通过设定cols和rows参数来调整窗⼝的⼤⼩。其它标记参数的设置同例⼀。本例完成后的源代码如下：
method="post" enctype="text/plain" >
bordercolorlight="#000000" bordercolordark="#FFFFFF"
bgcolor="#CCFFCC" cellpadding="4"
align="left">
留 ⾔
align="center">留 ⾔
簿
姓名：
type="text" name="textfield" size="8">
E_mail:
type="text" name="textfield2" size="10" maxlength="20">
align="center">留 ⾔
rows="3">
align="right">
name="Submit" value="提 交">
type="reset" name="Submit2" value="重 写">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。