一.HTML文本框与文本域
1.<input type="text">即表示文本框,不需要写成<input></input>或,<input/>这样,包含“size”“value”“placeholder(背景文字文本框)”等属性,但框里的内容只能输一行,想要多行输入,需要使用文本域。
初始示例:<input type="text">
<br/>
<br/>
属性size示例:<input type="text" size="10">
<br/>
<br/>
属性value示例:<input type="text" size="10" value="有初始值的文本框">
<br/>
<br/>
属性placeholder示例:<input type="text" size="12" placeholder="有背景文字的文本框">
<br/>
<br/>
未加属性效果:
属性size效果:
属性value效果:
属性placeholder效果:
2.<textarea>即文本域,文本域可以多行输入,而且可以有滚动条,包含cols和rows属性
未加属性示例:
<br/>
<textarea>123 456
789
</textarea>
<br/>
使用属性cols(宽度)和rows(行数)示例:
<br/>
<textarea cols="20" rows="6">123456789
1231
1233
1234
1233
1236</textarea>
未加属性效果:
123 456 789
使用属性cols (宽度) 和rows(行数)效果:
123456789 1231 1233 1234 1233 1236
二.HTML密码框
<input type="password">即表示密码框,输入的数字会自动显示为星号
运行示例:<input type="password" value="123456789">
运行效果:
三.HTML表单
<form>用于向服务器提交数据,比如账号密码,提交数据常用method="get"和method="post"两种提交方式,前一种是form默认的,提交数据会在浏览器上显示出来,不可以上传文件,后一种必须通过method="post"语句指定,提交数据不会在浏览器上显示出来,可以提交文件等二进制数据。
<!---action="https//saliva.top/about.jsp"表示把账号和密码提交到about.jsp这个页面--->
<form action="https//saliva.top/about.jsp">
<!---name="name"、name="password"意思是给变量赋值--->
账号:<input type="text" name="name"><br/>
密码:<input type="password" name="password"><br/>
<!---input type="submit" 用来创建提交对象>
<input type="submit" value="登录">
</form>
表单效果: 账号:
密码:
四.HTML单选框
<input type="radio">表示单选框,包含name、checked等属性
多选框示例ÿ