HTML表单

表单基本结构:<form action="URL" name=表单名字 method=提交数据的方式(post/get)>具体内容</form>
<input>表单输入标签
<select>菜单和列表标签
<option>菜单和列表项目标签
<textarea>文字域标签
<optgroup>菜单和列表项目分组标签
<input type="">(单行文本框)
value属性为input元素设定值:对于不同的输入类型,value属性的用法不同
type="button(按钮)", "reset(重置按钮)", "submit(提交按钮)" - 定义按钮上的显示的文本
type="text(文字域)", "password(密码域)", "hidden(隐藏域)" ,"file(文件域)"- 定义输入字段的初始值
type="checkbox(复选域)", "radio(单选域)", "image(图像域)" - 定义与输入相关联的值
(注:单选框和复选框name值必须一致)
size=文本款的大小 maxlenght=限制输入的最大字符
<select name="" id="">(下拉列表元素)
<option value="">选项</option>
<option value="">选项</option>
<option value="">选项</option>
<option value="">选项</option>
</select>
select标签属性:
name(设置下拉菜单和列表的名称)
multiple(设置可选择多个选项)
size(设置列表中可见选项的数目)
option标签属性:
selected(设置选项初始选中状态)
value(定义送往服务器的选项值)

分组下拉菜单和列表的语法:
<select>
<optgroup label="组1">
<option value="">选项</option>
<option value="">选项</option>
<optgroup label="组2">
<option value="">选项</option>
<option value="">选项</option>
...
</select>
<textarea></textarea>(多行文本框元素)
<textarea name="设置文本区的名称" placeholder=“设置描述文本区域预期值的简短提示” cols="设置文本区内的可见宽度" rows="设置文本区内的可见行数">内容</textarea>(不能和合并单元格的容我span和错了收盘混淆)
<form>标签属性:
action=“URL” (提交表单时向何处发送表单数据)
method=“get,post” (设置表单以何种方式发送到指定页面)
name=“form_name” (表单的名称)
target=“_blank,_self,_parent,_top” (在何处打开action URL)
enctype=“application/x-www-form-urlencoded, multiple/form-data, text/plain” (在发送表单数据之前如何对其编码)

post和get的区别
GET:
  1. 使用URL传递参数
  2. 对所发送信息的数量也有限制
  3. 一般用于信息获取
  4. 保密性差
POST:
  1. 表单数据作为HTTP请求体的一部分
  2. 对所发送信息的数量无限制
  3. 一般用于修改服务器上的资源
保密性好
posted @ 2020-09-06 09:46  陈冲冲  阅读(22)  评论(0)    收藏  举报