使用<form>表单标签,与用户交互
语法:<from method="传输方式" action="服务器文件">
其中传输方式有俩种,分别是get或者post。其中get是用于从服务器得到数据,而post是向服务器传输数据。两者有较大的区别。
在安全性来讲post更优于get。在method设置为git时,浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。在设置为 post 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。
输入框
语法:<from> <input type="text/password" name="名称" value="文本"/> </form>
-
type
:当type=“text”
时,输入框为文本输入框
当tpye="password"
时,输入框为密码输入框 -
name
:为文本框命名,以备后台程序ASP、PHP使用 -
value
:为文本输入框设置默认值(一般起到提示作用)
附:当用户需要多行稳住时,需要文字域。
语法:<textarea rows="行数" cols="列数">文本信息</textarea>
使用单选框,复选框,让用户选择
语法:input type="radio/checkbox" value="值" name="名称" checked="checked"/>
- 当
type="radio"
时控件为单选框;
当type="checked"
时控件为复选框。 -
value
:提交数据到服务器的值(后台程序PHP使用) -
name
:为控件命名,以备后台程序ASP、PHP使用 -
checked
:当设置checked="checked"时,该选项被默认选中
使用下拉列表框,节省空间
- value 语法:
<option value="提交值">选项</option>
value是向服务器提交的值,选项是显示的值 -
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="规定文件类型">
文章著作权归饥人谷_蒋恒和饥人谷所有,转载须说明来源