HTML表单

表单基本结构:<form action="URL" name=表单名字 method=提交数据的方式(post/get)>具体内容</form>

  1. <input>表单输入标签
  2. <select>菜单和列表标签
  3. <option>菜单和列表项目标签
  4. <textarea>文字域标签
  5. <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标签属性:

  1. name(设置下拉菜单和列表的名称)
  2. multiple(设置可选择多个选项)
  3. size(设置列表中可见选项的数目)

option标签属性:

  1. selected(设置选项初始选中状态)
  2. 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>标签属性:

  1. action=“URL” (提交表单时向何处发送表单数据)
  2. method=“get,post” (设置表单以何种方式发送到指定页面)
  3. name=“form_name” (表单的名称)
  4. target=“_blank,_self,_parent,_top” (在何处打开action URL)
  5. enctype=“application/x-www-form-urlencoded, multiple/form-data, text/plain” (在发送表单数据之前如何对其编码)

post和get的区别
GET:

  • 使用URL传递参数
  • 对所发送信息的数量也有限制
  • 一般用于信息获取
  • 保密性差

POST:

  • 表单数据作为HTTP请求体的一部分
  • 对所发送信息的数量无限制
  • 一般用于修改服务器上的资源
  • 保密性好
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值