表单域是表单的区域,用来控制表单提交时候的数据访问.

input标记

文本框

<!-- type:类别 文本框  size:表示字符宽度   maxlength:表示最多输入的字符数 --><input type="text" name="uname" size="20" maxlength="10">

密码框

<!-- type:类别 密码框 maxlength:表示最多输入的字符数 --><input type="password" name="pwd" maxlength="6">

单选按钮

<!-- type:类别 单选按钮 -->
<input type="radio" name="sex" value="1" checked="checked" />男
<input type="radio" name="sex" value="0" />女

ps: 1. 同一组的名字要一致 2. 必须要给无法输入的表单元素赋值 3. 默认选中checked="checked"

多选框(复选按钮)

<!-- type:类别 多选框(复选按钮) -->
<input type="checkbox" name="hobby" value="围棋" checked="checked" />围棋
<input type="checkbox" name="hobby" value="动漫" />动漫
<input type="checkbox" name="hobby" value="编程" />编程

提交

用来向服务器提交数据.

<input type="submit" value="注册" name="submit"/>

重置

用来清空填写的数据

<input type="reset" value="重置" name="button"/>

普通按钮

<input type="button" value="返回" />

下拉菜单

<!-- 下拉菜单 -->
<select name="degree"><option value="学士">学士</option><option value="硕士" selected="selected">硕士</option><option value="博士">博士</option>
</select>

<select> 下拉菜单 <option>下拉菜单项 selected="selected"默认选中

多行文本

<!-- 多行文本 cols:容纳的列数   rows:容纳的行数 -->
<textarea name="leavewords" cols="25" rows="5"></textarea>

form标签的 action,method属性

action="数据提交的位置", action=""表示提交到本页面

method="get"数据提交的方法

前端三十三:表单form相关推荐

django一个html先后两个form,Django教程（三）- Django表单Form
目录: 1.Form 基本使用 django中的Form组件有以下几个功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显示内容 2.Form中 ...
DHTMLX 前端框架建立你的一个应用程序教程(八)-- 添加表单Form
添加表单Form 我们下一步是在页面中添加一个表单,表格中的选中字段将会显示在表单中.提供一个提交按钮可以对显示的数据进行修改提交. 添加表单到布局单元格中 1.在右侧布局中使用attachForm ...
第三章表单与表单元素
学习目标理解表单的作用理解表单与表单元素的关系掌握表单标签及其属性掌握各种表单元素标签及其属性在Web网页中,浏览者经常需要与Web服务器进行数据交互.当浏览者需要填写数据并将这些数据发送到 ...
前端：简述表单提交前如何进行数据验证
前端:简述表单提交前如何进行数据验证通常在提交表单数据时,我们会对数据进行验证,例如某些字段是必填字段,不能为空,这时应该如何做呢?有如下三种方法: 一.在button的submit事件进行判断 & ...
学习前端——表格、表单
学习前端--表格.表单表格在日常生活中使用的非常的多,比好excel就是专门用来创建表格的工具, 表格就是用来表示一些格式化的数据的,比如:课程表.银行对账单在网页中也可以来创建出不同的表格. ...
bootstrap学习（三）表单
bootstrap学习(三)表单基本实例: from-group:可以是其内的标签排列更好 from-control:使标签宽度为100% <form><div class=&qu ...
ASP.NET MVC (三、表单与文件上传)
目录前言: 1. 表单操作 2.文件上传前言: 本章节主要针对文件上传进行强化练习,关键字[HttpPostedFileBase files,enctype="multipart/for ...
Jquery提交表单 Form.js官方插件介绍
來源:http://hi.baidu.com/dereky/blog/item/f9e8ab64c52f4ff3f736540c.html [JQuery框架应用]:form.js官方插件介绍 For ...
Element-UI组件之表单Form
Element-UI组件之表单Form Radio 单选框基础用法禁用状态单选框组按钮样式带有边框 Checkbox 多选框基础用法禁用状态多选框组 indeterminate 状态 ...

前端三十三:表单form