一、一个单行文本框的例子

2024-01-05 16:52 小编

<p>您的姓名: <input type="text" name="text1" size="12" maxlength="20">

您的E_mail: <input type="text" name="text2" size="20" maxlength="24" value="*****@*.*">

输入口令: <input type="password" name="text3" size="8" maxlength="8"> </p>

<p align="center"> 

<input type="submit" name="提交" value="提 交">

<input type="reset" name="重写" value="重 写">


本例中用了三个单行文本框来分别接收用户的“姓名”、“E_mail地址”和“口令”信息,在三个文本框中都设定文本框的宽度(size)和最大输入文本长度(maxlength),在第二个文本框中还设定了初始值(value),你可能注意到了,我把每个文本框的名称(name)都取成了英文名,这样对用于程序外理比较方便,因下例中要用这个例子。若是用电子邮件接收表单信息并不用程序处理,那么用中文名比较直观。


为了使其成为一个具有实际交互功能的表单,加上了一个提交按钮,并在<form>标记中设定了action参数为:action="mailto:3400982550@qq.com" ,同时把 method 参数设置为:method="post",这样,一旦按下“提交”按钮将会把信息通过电子邮件发到“3400982550@qq.com”信箱。看来制作并不难!是吗?不过要注意:size 的值小于 maxlength 的值时,当内容超过输入窗口的长度时会自动滚动;反之,size的值大于maxlength的值,超过maxlength长度的内容无法输入。


html文本框


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码