两千人站长交流群: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 

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

     

    其他网友正在看:
    表格标签(table)深入了解

    表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。前不久为了寻找表格(table)所包含的主要标签,···

    2018-05-30关键词:

    HTML中锚点的使用_动力节点Java学院整理

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

    2018-05-30关键词:

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

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

    2018-05-30关键词:

    关于alt和title的用法区别详解

    经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结:相同点:他们都会飘出一个小浮层,显示文本内容。不同点:1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题</title>。2.alt属性则是用来···

    2018-05-30关键词:

    详解HTML常用的标签中行内元素和块级元素

    块元素(block element) HTML标签分类明细     * address – 地址     * blockquote – 块引用     * center – 举中对齐块     * dir – 目录列表     * div ̵···

    2018-05-30关键词:

    HTML基本结构_动力节点Java学院整理

    很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页,我们把这类网页归结为静态网页,伪静态除外。那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢?首先,html页面是静态的从头到尾没有程序的执行是纯的html语言,是不经过···

    2018-05-30关键词: