表单元素

一、form

      form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。<form> 标签用于为用户输入创建 HTML 表单。表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含textarea、type、name、value等元素。表单用于向服务器传输数据。

1.action

    action 属性规定当提交表单时,向何处发送表单数据,把数据提交给哪个网站。

2.method

    method表示数据提交方式,提交方式有两种:

        get—显式提交,有长度限制。

        post—隐式提交

3.target

    target表示提交方式,提交方式主要有以下几项。

        _blank:在新窗口中打开。                            _parent:在父框架集中打开。

        _self:默认。在相同的框架中打开。                 _top:在指定的框架中打开。

二、文本

1.文本框<input type="text" />,其属性有:

        value文本框的值,就是文本框里面显示的内容。

        name文本框的名称

2.密码框<input type="password" />,虽然密码框和文本框相似,但在密码框里面输入内容时不显示内容,只显示●。

3.隐藏域<input type="hidden />,隐藏域的属性有:

        name密码框的名称

        value密码框的值

4.文本域<input /><textarea></textera>,双标签元素,值不是写在value属性里面的,是写在开始结束标签之间的,现在所学内容还不能够调整文本域的大小。示例代码:<input /><textarea>无言</textarea>,文本域里面就会显示“无言”。

三、按钮

1.普通按钮<input type="button" />,只显示一个按钮,但是点上去没有反应。

2.提交按钮<input type="submit" />,具有提交功能。按钮上显示“提交”,提交按钮的属性有:

        name:按钮的名字

        value:按钮上显示的名字。<input type="submit" value="按钮" />,按钮上就会显示“按钮”两个字,替换了默认的“提交”。

3.重置按钮<input type="reset" />,作用是将表单里的内容重置。

<form target="_blank" action="Untitled-3.html" method="post"> <input type="text" /> <input type="submit" /> <input type="reset" name="" value="重置" /> </form>

4.图片按钮<input type="image" />提交数据,其属性有:

        name:按钮的名字。

        src:图片按钮的图片来源地址。

四、选择

1.单选按钮<input type="radio" />,单选按钮的属性有:

        name:按钮名称和组名

        value:按钮的值 

<input type="radio" name="sex" value="" /><input type="radio" name="sex" value="" />女

上面2行代码表示单选(选男或女),input type="radio"表示此代码为单选按钮,name="sex"表示此2行代码为一组。男、女为选项,只能选一个选项。

2.复选框<input type="checkbox" />,复选框的属性有:

        name:复选框的名称

        value:复选框的值

<input type="checkbox" name="" value="" />A <input type="checkbox" name="" value="" />B <input type="checkbox" name="" value="" />C <input type="checkbox" name="" value="" />D

上面4行代码表示复选(多选),<input type="checkbox" />表示此组代码为复选代码,A、B、C、D表示4个选项,可以选1-4个选项。

3.下拉列表<select></select>双标签,下拉列表属性有:

        name--下拉列表名称

        <option></option>:代表项,就是下拉列表里的选项。

<select> <option>张店</option> <option>淄川</option> <option>恒台</option> <option>周村</option> </select>

上面代码内容表示下拉列表里面有张店、淄川、恒台、周村四个选项。

    value:该项的值。

4.文件选择<input type="file" name="" value="" />,文件选择的属性有:

    name--文件选择的名称

5.其它属性

 ①readonly 只读

 ②disabled  不可用,同时不能提交

 ③hidden  隐藏

 ④checked     radio  checkbox 用来做选中

 ⑤selected    用在下拉列表,设置哪一项选中

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/369174.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

本人用python刷题时的错误总结

本人新手&#xff0c;在leetcode刷题过程中出现过很多问题&#xff0c;也发现了很多方法&#xff0c;故在此总结&#xff0c;不定时更新。 1、在创建一个二维列表的时候&#xff0c;我之前会用 a [[0] * 5] * 5, 但是这样输出的结果往往会跟期待的不一样&#xff0c;我一直以为…

增加 jQueryValidate的手机号验证功能

1、通过addMethod增加手机号的验证方法 &#xff08;位置&#xff1a;和$(form).validate({}) 同级别&#xff09; //增加手机号验证规则$.validator.addMethod("isMobile", function(value, element) {var length value.length;var mobile /^(13[0-9]{9})|(18[0-9…

C++的STL中accumulate的用法

https://blog.csdn.net/u011499425/article/details/52756242

Hibernate继承:每个类层次结构的表

在本教程中&#xff0c;我们将看到如何在hibernate中实现继承。有3种方法可以在hibernate中实现继承。在本文中&#xff0c;我们将看到其中一种&#xff0c;即每个类层次结构一个表。 休眠中的继承&#xff1a; Java是面向对象的语言&#xff0c;继承是Java的主要功能之一。关…

锁 mysql_Mysql的锁(S锁和X锁的区别)

共享锁和排它锁Mysql的锁系统&#xff1a;shared lock 和 exclusive lock (共享锁和排它锁&#xff0c;也叫读锁和写锁&#xff0c;即read lock和write lock)读锁是共享的&#xff0c;或者说是相互不阻塞的写锁是排他的&#xff0c;一个写锁会阻塞其他的写锁和读锁在实际的数据…

爬取新闻

import requests from bs4 import BeautifulSoup urlhttp://news.gzcc.cn/html/xiaoyuanxinwen/ resrequests.get(url) res.encodingutf-8 soupBeautifulSoup(res.text,html.parser) 1. 用requests库和BeautifulSoup库&#xff0c;爬取校园新闻首页新闻的标题、链接、正文。 fo…

平衡二叉树的自顶向下递归和自底向上递归

没太搞懂自顶向下和自底向上的递归区别

【简记】HTML CSS 的一些要点(不定时更新)

1.td占据多行 / 列时&#xff0c;其挤开的 td 不写&#xff08;但是包裹 td 的 tr 要写&#xff09; 2. display:td 的元素中的文本默认垂直不居中&#xff08;table中的td中的文本是垂直居中的&#xff09; 3.th虽然定义了表头标题&#xff0c;但是默认不跨行&#xff08;需…

通过地址访问 mysql_MySql通过ip地址进行访问的方法

1.登录mysql&#xff1a;mysql -u root -h 127.0.0.1 -p2.切换数据库use mysql3.授权grant all privileges on *.* to root127.0.0.1identified by 密码;将127.0.0.1换成公网的ip地址。4.检查my.ini4.1 看看是否有skip-networkingskip-networking开启该选项后就不能远程访问MyS…

幻像类型提高了编译时的安全性

介绍 使用幻像类型是一种非常简单的技术&#xff0c;可用于提高代码的编译时安全性。 有许多潜在的用例具有不同的复杂性级别&#xff0c;但是即使幻像类型的使用非常轻巧&#xff0c;也可以显着提高编译时的安全性。 幻像类型只是带有未使用类型参数的参数化类型。 例如&#…

NI Multisim元件库:在Multisim中创建自定义元器件

转载于&#xff1a; http://www.ni.com/tutorial/3173/zhs/ 概览 「在Multisim中创建自定义元器件」与「在 NI Ultiboard中创建自定义元器件」为您提供了关于如何直观、快速地学习如何创建您自己的自定义元器件的信息资源。目录 引言步骤一&#xff1a;输入初始元器件信息步骤二…

字符串的预处理

C isalpha、isalnum、islower、isupper用法 https://blog.csdn.net/weixin_41162823/article/details/80172379 C/C库函数&#xff08;tolower/toupper&#xff09;实现字母的大小写转换 https://blog.csdn.net/laozhuxinlu/article/details/51539737 字符串的逆序 https:…

2017年最新基于Bootstrap 4 的专业、多用途响应式布局的系统模板

本文分享一款2017年最新的2017年最新基于Bootstrap 4 的专业、多用途响应式布局的系统模板&#xff0c;该模板是一款强大并且非常灵活的后台管理系统模板&#xff1a;能适应绝大多数的web应用程序开发&#xff0c;比如&#xff1a;APP的管理后台&#xff0c;电商网站&#xff0…

apache gobblin mysql_gobblin简单使用

一、下载编译解压后查看目录下是否存在gradle/wrapper/gradle-wrapper.jar 文件使用 ./gradlew build -x findbugsMain -x test -x rat -x checkstyleMain编译项目(因网络因素可能有几次失败)编译后文件apache-gobblin-incubating-bin-0.14.0.tar.gz二、配置编写启动命令(需指定…

liunx之Centos6.8杀毒软件的安装

作者:邓聪聪 为了防止服务器中病毒&#xff0c;安装了类似与Windowns的杀毒软件Clanav&#xff0c;过程如下 首先下载clamav的软件包&#xff0c;官方下载地址为http://www.clamav.net/download.html 。我这里是下载好的rpm包链接&#xff1a;https://pan.baidu.com/s/1n052Udk…

上位机串行通讯的通用思路

先上代码&#xff1a; public class SerialPortServer{//字段SerialPort SP new SerialPort();int DelayTime 5000;//默认是5sstring Info "";string SendStringBuffer "";string ReceiveStringBuffer "";//构造函数public SerialPortServe…

您的日志就是您的数据:logstash + elasticsearch

今天的帖子的主题与日常的编码和开发无关&#xff0c;但是涵盖了一个非常重要的主题&#xff1a;我们的应用程序日志文件。 我们的应用程序确实会生成大量日志&#xff0c;如果处理正确&#xff0c;则非常有助于解决问题。 如果您启动并运行一个应用程序并没什么大不了&#xf…

关于C++中二维vector使用

https://blog.csdn.net/u014453443/article/details/98057251

面向对象设计与构造第一次总结作业

第一次作业——多项式计算 ---结构分析 第一次作业我只使用了两个类&#xff0c;正像下面的类图所表示的那样&#xff0c;分别是Poly和ComputePoly。Poly类是不可变的&#xff0c;能保存一个多项式&#xff0c;可以进行加、减运算。ComputePoly是程序的主类&#xff0c;能够读取…

想提升java知识的同学请进

这是我最近在整理的笔记&#xff0c;大家可以看看。 https://www.gitbook.com/book/jackal007/java_more/ 如果觉得有问题可以提出&#xff0c;随时修改。 这个笔记是我花了好多时间看各种书籍&#xff0c;博客后整理的&#xff0c;希望能帮助到更多的朋友。转载于:https://www…