两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • 关于html的表单元素详解(一)

    Html实例2018年05月30日关键词:

    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>

    想要更加了解表单元素其中的属性,请点击链接:http://www.jb51.net/web/571879.html 

    以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持!

     

    其他网友正在看:
    HTML中锚点的使用_动力节点Java学院整理

    现在总结一下控制锚点的几种情况:1. 在同一页面中 <a name="add"></a><!-- 定义锚点 --><a href="#add">跳转到add</a>2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点 <···

    2018-05-30关键词:

    XHTML中的超链接标签使用教程

    超链接,也叫“链接”。超链接在我们浏览的网页上可以说是无处不在,我们点击网页上某个链接地址,即链接到另一个网页,这就是超链接在起作用。使用 <a></a> 标签来定义超链接,语法:<a href="url">显示的文字或图片</a>例子:···

    2018-05-30关键词:

    关于表格table嵌套,边框合并问题的解决方法

    【问题】外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】:外表格样式:<table border="1" cellspacing="0" cellpadding="0" st···

    2018-05-30关键词:

    html meta标签的使用总结(推荐)

    meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。PS:便于搜索引擎机器人查找、分类,互联网应用应该要注意。大网站都是怎么写?在了解这个标签···

    2018-05-30关键词:

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

    HTML Input 属性value 属性value 属性规定输入字段的初始值:<form action=""><input type="text" name="name" value="脚本之家"></form> readonly 属性readonly 属性规定输入字段为只读(不能修改):&···

    2018-05-30关键词:

    HTML DOM简介_动力节点Java学院整理

    什么是DOM?通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获···

    2018-05-30关键词: