05.html学习-表单

表单标签: 表单标签的作用是用于提交数据给服务器的。
表单标签的根标签是<form>标签

常用的属性:
action: 该属性是用于指定提交数据的地址。
method: 指定表单的提交方式。
get : 默认使用的提交方式。 提交的数据会显示在地址栏上。
post : 提交的数据不会显示在地址栏上。

<form action="http://www.baidu.com" method="post">
<!-- 文本输入框 单行-->
用户名:<input name="userName" type="text"/><br/>
<!-- 密码框 -->
密码:<input name="password" type="password"/><br/>
<!-- 单选框 -->
性别: 男<input checked="true" value="man" name="sex" type="radio"/> 女<input name="sex" value="woman" type="radio"/><br/>
<!-- 下拉框 -->
来自的城市:<select name="city">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<option value="GZ">广州</option>
<option value="SZ">深圳</option>
</select><br/>
<!-- 复选框 同一组的复选框name的属性值要一致 -->
兴趣爱好:java <input value="java" name="hobit" checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
<!-- 文件上传框-->
大头照:<input name="image" type="file" /><br/>
个人简介:
<!-- 文本域 -->
<textarea name="intro" rows="10" cols="30"></textarea><br/>

<!-- 提交按钮 -->
<input type="submit" value="注册"/>
<!-- 重置按钮 -->
<input type="reset" value="重置"/>

</form>

时间: 2024-10-24 10:39:05

05.html学习-表单的相关文章

HTML学习-------表单

表单: 是网页上的一个特定的区域,这个区域是由一对<form>标记定义的. 定义:<form>               <input>元素          </form> (form 元素是块级元素,其前后会产生折行.) 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.textarea.fieldset.legend 和 label 元素. 表单用于向服务器传输数据. 表单的属性: action

学习 表单验证插件validate

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <link rel="stylesheet" href="style.css"> <body> <form action=&q

[05] radio ,checkbox 表单文字对齐

http://www.cnblogs.com/wangsir015/p/5555818.html 这几天在做表单时总会碰到复选框(checkbox)和单选框(radio)与文字不对齐的问题,要不是checkbox上浮了,要不是文字上浮.在前端开发过程中,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大.即使设置了vertical-align:middle,也依然不能完美对齐. 解决办法:1.文字大小必须是偶数,比如12PX.2.将文字加

Jquery学习(表单-Button)-----jQuery1.4.2

1 <html> 2 <head> 3 <base href="<%=basePath%>"> 4 5 <title>My JSP 'jquery.jsp' starting page</title> 6 7 <meta http-equiv="pragma" content="no-cache"> 8 <meta http-equiv="cach

HTML学习——表单标签

1.type: 当 type="radio" 时,控件为单选框 当 type="checkbox" 时,控件为复选框 2.value:提交数据到服务器的值(后台程序PHP使用) 3.name:为控件命名,以备后台程序 ASP.PHP 使用,注意:单选时,name必须名称一致. 4.checked:当设置 checked="checked" 时,该选项被默认选中 5.下拉列表框: 6.使用下拉列表框进行多选,在select加属性,可以进行多选. &

Symfony2学习笔记之表单

对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最重要的内容. Symfony2 的Form组件是一个独立的类库,你可以在Symfony2项目之外使用它. 创建一个简单的表单:假设你要创建一个应用程序的todo列表,需要显示一些任务.因为你的用户需要编辑和创建任务,所以你需要创建一个表单.在你开始之前,首先来看通用的Task类,用来表示和存储一个单

2.12 学习总结 之 表单校验插件validate

一.说在前面 昨天 学习了ajax的相关知识 今天 学习表单校验插件validate, 并使用ajax 自定义校验规则 二.validate 插件 1.网络上有许多成熟的插件共使用者参考,插件就是将jquery实现的常用操作进行封装,封装后的小框架就可以叫做插件,按照插件的语法去操作可以实现很多复杂的功能,而这些复杂功能的背后实现我们可以不必懂. 2.导入插件的步骤: 1) 将jquery的原始文件和插件文件jquery.validate.js导入到工程中 2) 编写js代码对表单进行验证 3.

创建表单以及表单元素的使用

创建表单 其基本语法 <form action="url" method=get|post> <input type=submit> <input type=reset> </form> 其中应用的属性 action=url:定义提交表单的格式,可以是url或者电子邮件地 method=get|post:指明提交表单HTTP的方法  在网页中提供一个空格 text:定义单行文本输入框 Password:定义密码 rows:属性定义多行文本

AngularJS----服务,表单,模块

AngularJS中的服务 服务是一个函数或对象,AngularJS中可以创建自己的服务或使用内建服务.$http是AngularJS中最常见的服务,服务向服务器发送请求,应用响应服务器传送过来的数据. $http服务 它是AngularJS中的一个核心服务,用于读取远程服务器(Web)的数据.$http.get(utl)用于读取数据的函数.也就是get请求服务器. app.controller("outController",function($scope,ahui_out,$htt