html input select熟悉,HTML<form><input><select>

调整页面(HTTP POST请求)

如果form表单里面没有提交按钮就无法提交该form表单。

例:

如果为button不能按回车进行提交

当客户在 input 输入英文字母之外的文字时都会转译为utf-8,并且每一个字节用%间隔开再进行传输。

属性:

action:

规定当提交表单时向何处发送表单数据。

method:

发送 form-data 的 HTTP 方法。

默认值有:

get 几乎不用,会把参数放入查询参数

post 不会把参数放入查询参数,headers会出现第四部分

target:

_blank 创建个空的新页面打开

_parent 父级页面打开(需要和iframe组合使用)

_self 自己这个页面打开

_top 最外层iframe打开

framename 找到这个名字的iframe打开

用于搜集用户输入信息。

可以用label包裹起来,让文字也可以点。

input和button标签的区别input是没有子元素的,button是可以有子元素的

xxx

属性:

type:

button 与submit的区别,放在form,可以用回车进行提交。

checkbox 多选框多个input标签可以用name关联

file

hidden

image

password 密码输入框,http传输时还是明文

radio 单选框多个input标签可以用name关联,

reset

submit 提交按钮

text 文本输入框

下拉框

-

Volvo

Saab

Opel

Audi

属性:

disabled 规定禁用该下拉列表。

multiple 规定可选择多个选项。

size 规定下拉列表中可见选项的数目。

下拉列表中的一个选项(一个条目)。

属性:

disabled 规定此选项应在首次加载时被禁用。

label 定义当使用 时所使用的标注。

selected 规定选项(在首次显示在列表中时)表现为选中状态。

value 定义送往服务器的选项值。

标签定义一个按钮。

属性:

type:在form里如果没写type会直接升级为submit

button

reset

submit

标签定义多行的文本输入控件。

css控制是否可拉,控制框体大小

一定要给个name属性

表单,只能有3个子元素:

表头

表身体,没写改标签浏览器会自动补上表脚

顺序按照、

、排列 和标签混合着用的控制每行的宽高

全称为:table row,标签定义 HTML 表格中的行。

全称为:table data,标签定义 HTML 表格中的标准单元格。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码有一些问题,我来逐个指出并提供改进的方案: 1. 没有为表单元素设置name属性,导致表单提交时无法获取表单数据。因此,需要给每一个表单元素都设置name属性,例如: ```html <input type="text" name="name"> ``` 2. 在性别选项中,使用了一个嵌套的form元素,这是不合法的HTML结构。应该将性别选项用label元素包裹,并为每个选项设置id属性,然后在label元素中使用for属性指向该选项的id,例如: ```html <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label> ``` 3. select元素没有设置name属性,也无法选择默认选项。应该给select元素设置name属性,并在其中加入一个默认选项(可以使用disabled和selected属性来禁止该选项被选中),例如: ```html <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> ``` 4. input元素的id属性应该为小写字母。 下面是改进后的代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn"); oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名:<input type="text" name="name"><br> <br> 账号:<input type="text" name="account"><br> <br> 密码:<input type="password" name="password"><br> <br> <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label><br> <br> <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select><br> <br> <input id="btn" type="button" value="提交"> </form> </body> </html> ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值