html input设置初始值_HTML入门2-表单

一.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等属性
多选框示例ÿ