HTML中的表单元素,是构成动态网页的重要组成部分,因此,熟知表单元素是十分重要的。下面将根据表单中的一些常用标签进行介绍

1、单选按钮

<input type="radio" name="sex" value="man" checked/>男

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

其中,name必须相同。checked表示默认选择项。

2、复选按钮

<input type="checkbox" name="cities" value="BeiJing" checked/>北京

<input type="checkbox" name="cities" value="ShangHai"/>上海

3、下拉列表

<select size="??" multiple name="fruit">

<option value="apple" selected>苹果</option>

<option value="pear">梨</option>

</select>

size表示下拉列表框显示几个,无该属性时,默认是1个。

multiple表示可以多选,按住Ctrl键

selected表示默认选择项

4、文本域

<textarea rows="" cols="" maxlength=""> 请输入内容...</textarea>

rows表示文本域的行数,cols表示文本域的列数,maxlength表示最大输入数。

5、上传文件

<input type="file" name="myfile"/>

6、图片形式的提交按钮

<input type="image" src="??"/>

备注:html的<head></head>标签内有一个重要的标签,<meta http-equiv="content-type" content="text/html; charset=utf-8">

   utf-8是国际通用的编码格式,gb2312和gbk编码只针对中文汉字,在保存html文件时,应和指定的文件格式统一。

到此为止,html的常用标签基本学完,当然还有很多的html标签,在以后的工作学习中,涉及到哪一块,应通过查帮助文档进行学习。。。

(四) HTML之表单元素的更多相关文章

  1. jQuery使用之(四)处理页面的表单元素

    表单是一个特殊的页面元素,value的值是最受关注的,jQuery提供了强大的val()方法来处理相关的操作. 1.获取表单元素的值. 直接调用val()方法时可以获取选择器的 中的第一个元素的val ...

  2. Html5学习进阶四 表单元素和表单属性

    HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性. 本章介绍以下新的表单元素: datalist keygen output 浏览器支持 Input type IE Firefo ...

  3. HTML5 学习总结(二)——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  4. HTML5 学习笔记(二)——HTML5新增属性与表单元素

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

  5. [转]CSS 表单元素对齐详解

    来源:http://blog.sina.com.cn/s/blog_655388ed0100lzyk.html 简单的设置input{vertical-align:middle}即可,完美的: lab ...

  6. 9月8日HTML表单元素(form、文本、按钮、选择)

    表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...

  7. HTML之表单元素

    A.表单元素都是放在<form></form>标签内的.来看看表单的属性  属性 值 描述 accept MIME_type 规定通过文件上传来提交的文件的类型 accept- ...

  8. html5权威指南:表单元素

    一.表单标签: 表单标签:http://blog.csdn.net/mylovestart/article/details/8589002 html5新增表单元素: 1.datalist:http:/ ...

  9. jquery attr处理checkbox / select 等表单元素时的坑

    先上html结构 <body> <form action=""> <input type="checkbox" id=" ...

随机推荐

  1. 浅谈HTTP和TCP的理解

    TCP协议对应于传输层,而Http协议对应于应用层,Http协议是建立在TCP协议之上的,当浏览器需要从服务器获取网页数据的时候,会发出一次Http请求.HTTP会通过TCP建立一个连接通道,当HTT ...

  2. SQL语句优化 -- 以Mysql为例

     本文参考下面的文章:    1: [真·干货]MySQL 索引及优化实战 2:  Mysql语句的执行过程 3:  sql优化的几种方法 我将  sql语句优化分为三个方面,(此处不包括 业务逻辑的 ...

  3. 有关unixODBC:Data source name not found, and no default driver specified的问题

    还是昨天测试postgresql的有关Mirroring Controller的功能时出的问题(真TM是个坑). 首先说下环境: 操作系统平台:RHEL6 x86_64 unixODBC版本:2.3. ...

  4. golang包引用解析

    golang包引用解析 环境变量配置如下: GOROOT----[C:\Go] GOPATH----[F:\workspace\go_home] vs code配置如下: F:\workspace\g ...

  5. BI中的报表业务功能授权使用"自定义主题"

  6. java基础_01

    一.java中的数据类型 1.基本数据类型:四类八种 byte(1),boolean(1),short(2),char(2),int(4),float(4),long(8),double(8); 2. ...

  7. 理解Javascript_02_执行上下文02

    上一篇我们讲到在全局环境下的代码段中,执行上下文环境中如何处理数据: 变量.函数表达式——变量声明,默认赋值为undefined: this——赋值: 函数声明——赋值: 这篇文章讲关于函数执行上下文 ...

  8. Python中的split,rsplit,splitlines

    https://www.cnblogs.com/zhangzengqiang/p/7525175.html

  9. Android RecyclerView组件和 Spinner(下拉列表框)

    1.RecyclerView <1>知识点介绍 RecyclerView 比 ListView 更高级且更具灵活性. 它是一个用于显示庞大数据集的容器,可通过保持有限数量的视图进行非常有效 ...

  10. npm的介绍

    npm使JavaScript开发人员能够轻松地共享和重用代码,并且可以轻松更新你正在共享的代码. 如果你一直在使用JavaScript,你可能已经听说过npm.npm使JavaScript开发人员能够 ...