2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html:(18):文本输入框 密码输入框 文本域

html:(18):文本输入框 密码输入框 文本域

时间:2020-03-22 05:00:59

相关推荐

html:(18):文本输入框 密码输入框 文本域

文本输入框、密码输入框

当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框

语法

<form><input type="text/password" name="名称" value="文本" /></form>

1、type:

当type="text"时,输入框为文本输入框;

当type="password"时,输入框为密码输入框。

2、name:为文本框命名,以备后台程序ASP 、PHP使用。

3、value:为文本输入框设置默认值。(一般起到提示作用)

举例

<form>姓名:<input type="text" name="myName"><br/>密码:<input type="password" name="pass"></form>

在浏览器中显示的结果:

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>文本输入框、密码输入框</title></head><body><form method="post" action="save.php">账户: <input type="text" name="myName" /><br>密码: <input type="password" name="pass" /></form> </body></html>

运行结果

文本域,支持多行文本输入

当用户需要在表单中输入大段文字时,需要用到文本输入域。

语法

<textarearows="行数"cols="列数">文本</textarea>

1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

2cols :多行输入域的列数

3rows :多行输入域的行数

4、在<textarea></textarea>标签之间可以输入默认值

举例

<form method="post" action="save.php"><label>联系我们</label><textarea cols="50" rows="10" >在这里输入内容...</textarea></form>

注意:代码中的<label>标签在本章5-9中讲解。

在浏览器中显示结果:

注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>文本域</title></head><body><form action="save.php" method="post" ><label>个人简介:</label><textarea cols="50" rows="10">在这里输入内容...</textarea><input type="submit" value="确定" name="submit" /><input type="reset" value="重置" name="reset" /></form> </body></html>

运行结果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。