关于html的表单元素详解(一)

HTML 表单用于汇集差异范例的用户输入

HTML 表单用于网络用户输入；

form 元素界说 HTML 表单。

<form> form elements </form>

Action 属性

action 属性界说在提交表单时执行的举措。

向处事器提交表单的凡是做法是行使提交按钮。

凡是，表单会被提交到 web 处事器上的网页。

假如省略 action 属性，则 action 会被配置为当前页面

Method 属性

method 属性划定在提交表单时所用的 HTTP 要领（GET 或 POST）：

何时行使 GET？

您可以或许行使 GET（默认要领）：

假如表单提交是被动的（好比搜刮引擎查询），而且没有敏感信息。
当您行使 GET 时，表单数据在页面地点栏中是可见的：action.jsp?name=xxxx&sex=female
*ps：GET 最得当少量数据的提交。赏识器会设定容量限定。

何时行使 POST？

您应该行使 POST：

假如表单正在更新数据，可能包括敏感信息（譬喻暗码）。
POST 的安详性越发，由于在页面地点栏中被提交的数据是不行见的。

HTML 表单包括表单位素

表单位素指的是差异范例的 input 元素、复选框、单选按钮、提交按钮、文本域等

<input> 元素

<input> 元素是最重要的表单位素。

<input> 元素有许多形态，按照差异的 type 属性。

-文本输入：type=”text”

<form> <label>用户名</label> <input type="text" name=""> </form>

-提交按钮：type=”submit”（界说提交表单数据至表单处理赏罚措施的按钮）

<form action="action.jsp"> <input type="submit" value="提交"> </form> /*和action共同*/
/*假如省略了提交按钮的 value 属性，那么该按钮将得到默认文本，也就是提交两个字*/

-单选：type=”radio”

<form> <label>性别</label> <input type="radio" name="sex" value="male" checked>Male <br> <input type="radio" name="sex" value="female">Female </form> /*name中的值同等时，可以到达单选的结果*/ /*checked 是被选中状态 也可以写成checked="checked"*/

-复选：type=”checkbox”

<form> <label>喜爱</label> <input type="checkbox" name="vehicle" value="行为"><label>行为</label> <br> <input type="checkbox" name="vehicle" value="美男"> <label>美男</label> </form> /*checked 是被选中状态 也可以写成checked="checked"*/

-界说按钮：type=”button”

<form> <input type="button" onclick="alert('接待来到剧本之家！')" value="点我！"> </form> /*也是平凡按钮*/

-下拉列表：< select > 元素
 

<form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> </form> <option> 元素界说待选择的选项。 列表凡是会把首个选项表现为被选选项。 您可以或许通过添加 selected 属性来界说预界说选项。

-文本域：< textarea> 元素（界说多行输入字段）

<form> <textarea name="message" rows="10" cols="30"> 输入的内容在这里哦！ </textarea>

-按钮：< button> 元素

<form> <button type="button" onclick="alert('接待来到剧本之家！')">点击!</button>

想要越发相识表单位素个中的属性，请点击链接：https://www.jb51.net/web/571879.html 

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!