一、表单的作用

  从访问的Web站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息,然后单击某个按钮提交这些信息。是客户端与服务器端的交流途径。

二、说明

  Form标记用于创建一个表单,定义一个表单的开始与结束,他是一个容器,用于包含其他元素,例如文本框、单选框等。表单元素必须在form标记内才有作用。

  语法:

    <form action=url(传送目标,处理表单信息的服务器端应用程序)  method=处理表单的方式(post/get)默认为get, name=”表单名”>

      表单元素

    </form>

  注意:post方法可以传递大量信息,get将值附加到请求的url中,适合少量的信息。  

三、表单元素标记

  ①.单行文本

    <input name=”文本框名称” type=”text” value=”初始值” size=“显示字符数”maxlength=“最多容纳字符数”readonly=”readonly”(设置为只读) disable=”disable”(设置为不可操作)  ></input>

  ②.密码框

    <input name=”文本框名称” type=”password” value=”初始值” size=“显示字符数”></input>

  .单选框

    <input name=”文本框名” type=”radio” value=” 提交值” checked=”checked”(是否被选中) ></input>,

  ④.复选框

    <input name=”文本框名” type=”checkbox” value=”提交值” checked=checked></input>

  ⑤.下拉框

    单选下拉框:

    <select name=”下拉框名”>

      <option selected=”selected” (那个是初始选择就添加) value=”提交值”>列表1</option>

      <option>列表2</option>

    </select>

    (<optgrounp label=”分组名称”><option></option></optgrounp>用来做有子项的下拉框)  

    多选下拉框:

     <select name="下拉框名字" size="显示的行数" multiple="multiple"> //multiple:表示允许多选

        <option value="提交值">显示值</option>

          。。。。

      </select>

四、表单元素标签分类

  1.<label >标注内容</label>标签:为input元素定义标注(标记)<label>标签的for属性应当与相关元素id相同

  如:<input type=”redio” name=”sex” id=”man”><label for=”man”></label>就把input标签和label标签关联在一起。 

  2.按钮

    语法:<input type="按钮类型:reset[重置表单]、submit[提交表单]、button[普通按钮]、" name="按钮名称" value="按钮显示文本"> 

  3.图片按钮

    语法:<input type="image" name="按钮名称" src="图片路径" />

  4.隐藏域:

    语法:<input type="hidden" value="隐藏域的值" />

  5.多行文本

    语法:<textarea name="多行文本框名称" cols="每行中的字符数" rows="显示的行数"></textarea>

  6.文件框

    语法:<input type="file" name="文件框名称" size="显示长度"/>

  7.表单外框

    语法:<fieldset></fieldset>定义围绕表单中元素的边框

       <legend></legend>为fieldset元素定义标题

   8.动画插入

    语法:<embed src="动画地址" width="宽度" height="高度" wmode="transparent:使flash背景部分透明"></embed>

   9.滚动字幕

    语法:<marqueen

        direction="滚动方向:left[左]、right[右]、up[上]、down[下]"

        behavior="滚动方式:scroll[一圈一圈绕着走]、slide[只走一次]、alternate[来回]"

        loop="滚动的循环次数,若未指定则循环不止(loop="infinite")"

        bgcolor="背景颜色"

        onMouseOver="this.stop(),鼠标进入暂停"

        onMouseOut="this.start(),鼠标离开继续"

        scorllamount="滚动速度,值越大,速度越快"

        scrolldelay="延时,走一走,停一停"

      ></marqueen>

    10.内嵌框架元素

      语法:<frameset rows="行高及行数" cols="列数及列宽" framespacing="框架间距"

            frameborder="框架边框设置:yes/no,1/0" border="边框宽度" bordercolor="边框颜色">

            <frame src="被包含的文件路径及名称" name="框架名称" noresize="是否允许改变框架大小,true/false" scroll="滚动条显示控制,yes/no/auto">

         </frameset>

转载于:https://www.cnblogs.com/hafiz/p/5208057.html

HTML标记之Form表单相关推荐

  1. html的表单标记格式,HTML表单标签

    表单:专门用来搜集用户信息 元素:在HTML中 标签.标记.表单都是指HTML中的标签 如: a标签.a标记.a元素 表单元素:也是HTML中的一些标签,只是它们比较特殊,有特殊的外观的默认的功能 表 ...

  2. 细说 Form (表单)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源.虽然Asp.net WebForms框架为了帮助我 ...

  3. django之Form表单

    HTML表单 在HTML中,表单是<form>...</form> 之间元素的集合,它们允许访问者输入文本.选择选项.操作对象和控制等等,然后将信息发送回服务器. 某些表单的元 ...

  4. 一 前端基础,http协议,form表单

    一,web服务的本质: 浏览器中敲入网站回车发生的几件事? 1.游览器向服务端发送请求 2.服务端接受请求 3.服务端返回相应的响应 4.浏览器接受响应 根据特定的规则渲染页面展示给用户看 二: HT ...

  5. 细说 Form (表单)(转)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.net WebForms框架为了帮助 ...

  6. form表单的enctype

    form表单在你不写enctype属性时,也默认为其添加了enctype属性值,默认值是enctype="application/x- www-form-urlencoded".这 ...

  7. form 表单 发送到邮箱

    表单使用html的<form>标记创建,每个<form>标记有个action属性 若想将创建的表单信息,通过email方式发送,action中使用协议:mailto(一种允许e ...

  8. HTML中form表单的应用

    1.form表单标记 form表单以<form>标记开始,以</form>标记结束 而在form表单中的属性 action 规定当提交表单时向何处发送表单数据. method ...

  9. antdesign卡片_10分钟精通Ant Design Form表单

    目录被人诟病的Form Form的原理 Vue版Form的进化史本文适合React.Vue开发者阅读,10分钟不够?那就再加10分钟. 被人诟病的Form antd被人吐槽最多的除了彩蛋之外,那应该就 ...

最新文章

  1. sql 怎样 得到 的客户端的ip地址_怎样用卷发棒?正确用法大揭密-装修攻略
  2. C++反汇编第五讲,认识C++中的Try catch语法,以及在反汇编中还原
  3. (JavaScript)实现在客户端动态改变Treeview节点的选中状态
  4. centos7全盘备份到本地_CentOS7下制作openssl1.1.1i RPM包并升级
  5. JAVA面试题(126~170)《下》
  6. 支付宝信用卡还款也开始收费了!但还是比微信便宜2元...
  7. 计算机安全覆盖的内容有哪些,计算机网络的分类有哪些
  8. o00o0o php,PHP $O00OO0=urldecode eval 解密,记一次商业源码的去后门
  9. 计算机组成原理课程论文结语,计算机组成原理课程论文
  10. python描述符魔术方法_学习笔记-Python基础9-面向对象编程OOP-类的成员描述符(property)、类的常用内置属性、类的常用魔术方法、类和对象的三种方法...
  11. iOS 开发比较实用的框架总结(上)
  12. 双核浏览器切换内核(模式)的行为分析
  13. 大揭秘(1):网店背后的隐秘产业链【连载】
  14. java 用户拒绝对代码授予权限_java – @Secured函数获取授权用户的拒绝访问权限...
  15. bixby怎么编程_三星的Bixby可以做什么?
  16. 服务器修改bios中uefi,服务器bios uefi设置
  17. (数字ic验证)从零开始的apb_watchdog验证模块搭建(一、功能介绍与环境搭建)
  18. Android数据恢复工具
  19. DP-斜率优化初探 之 记录
  20. 招聘 | 华为中央研究院-图计算-科研实习生-杭州/上海/南京/北京/深圳

热门文章

  1. 索引书单(持续更新中)
  2. Windows域控设置客户端禁用运行/cmd命令行【全域策略生效】
  3. Linux系统发行版本介绍(一)——CentOS介绍
  4. linux设置开机启动 服务不支持chkconfig解决方法脚本
  5. 时间管理专题_软件篇03
  6. go mysql es 不要分词_ElasticSearch踩坑记录-Go语言中文社区
  7. centos识别移动硬盘U盘,需安装【ntfs-3g】
  8. 计算机网络 故障处理,计算机网络通讯技术故障分析与处理
  9. vue视频保存不下来_视频素材制作小技巧
  10. PAT (Basic Level) Practice (中文)答案合集