表单的用法以及相关元素

元素<form>
相关属性包括

• <form action="action_page.php">
  action 属性是要传递到的服务器地址，不填写默认传递当前页面
• <form method="GET">
  method属性是规定传递数据的方式，有post与get两种
  简单来说，get用于提交简单内容，大小受限，且安全性不好。
  post无大小限制，安全性好，适用于较大数据文件的提交。

其他属性

元素<input>

• <input type="text"> 文本属性
• <input type="password">密码属性
• <input type="submit" value="submit"> 提交属性
• <input type="radio"> 单选属性
• <input type="checkbox"> 定义复选框。
• <input type="button> 定义按钮
• <input type="date"> 定义用于应该包含日期的输入字段（data、week、month、time、datetime、local-datetime;

• <input type="number">用于应该包含数字值的输入字段。

  
  QQ截图20160820210751.png
  

  元素select 下拉列表
  <select name="cars">
  <option value="volvo">V'olvo</option>
  <option value="fiat" selected>Fiat</option>
  </select>
  通过添加selected属相，选择预选项

元素<textarea>文本域
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

元素<button>
<button type="button" onclick="alert('Hello World!')">Click Me!</button>

文本域

元素<fieldset><legend>
<fieldset>
<legend>Personal information:</legend>

QQ截图20160820140755.png 输入限制

更多资料