HTML的表单标签使用

使用<form>表单标签，与用户交互

语法：<from method="传输方式" action="服务器文件">
    其中传输方式有俩种，分别是get或者post。其中get是用于从服务器得到数据，而post是向服务器传输数据。两者有较大的区别。
    在安全性来讲post更优于get。在method设置为git时，浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。在设置为 post 样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

输入框

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

1. type:当type=“text”时，输入框为文本输入框
         当tpye="password"时，输入框为密码输入框
2. name:为文本框命名，以备后台程序ASP、PHP使用
3. value:为文本输入框设置默认值（一般起到提示作用）
   附：当用户需要多行稳住时，需要文字域。
       语法：<textarea rows="行数" cols="列数">文本信息</textarea>

使用单选框，复选框，让用户选择

语法：input type="radio/checkbox" value="值" name="名称" checked="checked"/>

1. 当type="radio"时控件为单选框；
   当type="checked"时控件为复选框。
2. value:提交数据到服务器的值（后台程序PHP使用）
3. name:为控件命名，以备后台程序ASP、PHP使用
4. checked:当设置checked="checked"时，该选项被默认选中

使用下拉列表框，节省空间

1. value 语法：<option value="提交值">选项</option>
   value是向服务器提交的值，选项是显示的值
2. selected="selected"
   设置selected="selected"，则选项默认为被选择
   <option value="旅游" selected="selected">旅游</option>

使用下拉列表框进行多选

在<select>标签中设置multple="multiple"属性，则可以实现多选

使用提交按钮，提交数据

语法：<input type="submit" value="提交">
只有type设置为submit时，才有提交按钮；value：按钮上显示的文字

使用重置按钮

语法：<input type="reset" value="重置">
只有type设置为reset时，才有重置功能

文件上传

语法：<input value="文件" name="文件名" accept="规定文件类型">

文章著作权归饥人谷_蒋恒和饥人谷所有，转载须说明来源