HTML5培训学习在表单中添加控件(1)

2017-04-07 15:28:17

(1)文字字段---text
语法:<input type="text" name="控件名称" size="控件长度" maxlength="最长字符数"  value="文字字段默认取值" />
解释:text文字字段的参数有很多,其中name、size和maxlength参数一般不会省略。
 
参 数
含 义
name
文字字段的名称,用于和页面其他控件加以区别
size
定义文本框在页面中显示的长度,以字符作为单位
maxlength
定义文本框中最多可以输入的字符数
value
定义文本框的默认值
 
实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置表单的名称</title>
</head>
<body>
<h1>北京飞雀</h1>

<form action="mailto:3307105372@qq.com"method="get"name="register">
公司:<input type="text" name="username" size="20"maxlength="40" value="北京飞雀" /> <br /><br />
网址:<input type="text" name="URL" size="20" maxlength="40" value="http://www.feiqueedu.com/" />
</form>
</body>
</html>
 
表单的名称为register,将表单内容以电子邮件方式传递,并使用get传输方式。两个文本框都设置为20的字符宽度,设置最大可以输入40个字符,并显示飞雀教育为初始值。运行上述代码,显示结果如下

 
 
(2)密码域---password
密码域主要用来用户输入密码,输入到该文本域中的文字均以“*”或圆点显示。
语法:<input type="password" name="控件名称" size="控件长度" maxlength="最长字符数" value="文字字段默认值" />
实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>插入密码域</title>
</head>
<body>
<h1>北京飞雀用户注册</h1>
<form action="mailto:3307105372@qq.com"method="get"name="register">
姓名:<input type="text" name="username" size="20" value="飞雀教育" />
<br /><br />
密码:<input type="password" name="password" size="20"maxlength="8" />
<br /><br />
确认密码:<input type="password" name="qupassword"size="20"maxlength="8" />
</form>
</body>
</html>

 

运行上述代码,可以看到文本域中输入的密码均显示为圆点。

iOS QQ群

HTML5 QQ群

飞雀动态

行业新闻

Copyright © 2015-2016 Future education technology co., LTD All Rights Reserved