表单

<form id="" name="" method="post/get" action="负责处理的服务端"> </form>

在表单中能放置什么内容？

1、文字输入

<form>

账号：<input type="text"  /><br />

密码：<input type="password" /><br />

<br />

账号：<input type="text" value="wow-wolcome" /><br />

密码：<input type="password" /><br />

<br />

账号：<input type="text" placeholder="请输入账号" /><br />

密码：<input type="password" /><br />

<br />

说说<textarea cols="" rows=""></textarea>

</form>

文字输入

文本框：<input type="text" />  可以不设置其他    设置value值——设置默认值    设置placeholder值——设置提示信息，灰色显示，输入时消失

内容可以是数字、英文、汉字、符号

密码框：<input type="password"/> 不管输入什么 显示的都是黑点

文字域：<textarea cols=""（横向字符个数） rows=""（纵向行数）>输入的内容会出现在此</textarea>

2、按钮

<form>

账号：<input type="text" value="张三" disabled="disabled" /><br />

密码：<input type="password" /><br />

<input type="submit" value="提交信息" />

&nbsp;<input type="reset" disabled="disabled" /><br />

<input type="button" value="登入，未设置，无实际作用" /><br />

<input type="image" src="魔兽世界1.jpg" width=""  />

</form>

按钮

提交按钮：<input type="submit"  value="" />   提交，对于整个表单进行获取，并进行上传，必须在表单内才能起作用（value值是显示按钮上的信息）

重置按钮：<input type="reset" />  针对整个表单进行重置

普通按钮：<input type="button" />  普通按钮

图片按钮：<input type="image" src="图片地址" />  默认与提交一样

<disabled="disabled"  />  是输入的信息不可更改或按钮失效

3、选择输入

<form>

<input type="radio" name="sex" checked="checked" />男&nbsp;

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

<br />

<input type="checkbox" checked="checked" disabled="disabled" />可口可乐<br />

<input type="checkbox"  />百事可乐<br />

<input type="checkbox"  />雪碧<br />

<input type="checkbox"  />芬达<br /><br />

<br />

<input type="file"  /><br />

<br />

<select size="" >

<option value="" >可口可乐</option>

<option value="" >百事可乐</option>

<option value="" >雪碧</option>

<option value="" >芬达</option>

</select>

</form>

选择输入、下拉列表

单选按钮组：<input type="radio" name="one" checked="checked" /> 内容       单选按钮组，name的值用来分组，checked设置为默认值

多选按钮：<input type="checkbox" />内容

上传文件：<input type="file" >       用来上传文件

下拉菜单列表：<select size="1" >   size为1时，为菜单；size>1时，为列表

<option value="1" >内容</option>

<option value="2" selected="selected" >内容</option>    selected为默认值

</select>

练习题

<body background="绿色线条.jpg" >

<table width="" height="" border="" align="center">

<tr align="center">

<td colspan=""><font size="+2"><b>账户注册</b></font></td>

</tr>

<tr>

 <td width="">邮箱：</td>

 <td>

  <form>

  <input type="text"  />

  </form>

 </td>

</tr>

<tr>

 <td></td>

 <td>需要通过邮箱激活账户，不支持sohu，21cn，sougou的邮箱</td>

</tr>

<tr>

 <td>登入用户名：</td>

 <td>

  <form>

  <input type="text" />

  </form>

 </td>

</tr>

<tr>

 <td></td>

 <td>仅在登入时使用，字符不少于4个</td>

</tr>

<tr>

 <td>显示名称：</td>

 <td>

 <form>

 <input type="text" />

 </form>

 </td>

</tr>

<tr>

 <td></td>

 <td>即昵称，字符数不少于2个</td>

</tr>

<tr>

 <td>密码：</td>

 <td>

 <form>

 <input type="password" />

 </form>

 </td>

</tr>

<tr>

 <td>确认密码：</td>

 <td>

 <form>

 <input type="password" />

 </form>

 </td>

</tr>

<tr>

 <td></td>

 <td>至少8位，包含字符、数字、特殊字符</td>

</tr>

<tr>

 <td>性别：</td>

 <td>

 <form>

 <input type="radio" checked="checked" />男&nbsp;

 <input type="radio"  />女

 </form>

 </td>

</tr>

<tr>

 <td>喜好：</td>

 <td>

 <form>

 <input type="checkbox" />音乐&nbsp;

 <input type="checkbox" />美术&nbsp;

 <input type="checkbox" />运动&nbsp;

 <input type="checkbox" />手工<br />

 <input type="checkbox" />逛街&nbsp;

 <input type="checkbox" />网购&nbsp;

 <input type="checkbox" />美食&nbsp;

 <input type="checkbox" />烹饪<br />

 <input type="checkbox" />阅读&nbsp;

 <input type="checkbox" />游戏&nbsp;

 <input type="checkbox" />健身&nbsp;

 <input type="checkbox" />美容

 </form>

 </td>

</tr>

<tr>

 <td>家庭住址：</td>

 <td>

 <form>

 <select size="" >

 <option>—请选择—</option>

 <option>张店区</option>

 <option>淄川区</option>

 <option>博山区</option>

 <option>临淄区</option>

 <option>周村区</option>

 <option>沂源县</option>

 <option>桓台县</option>

 <option>高青县</option>

 <option>高新区</option>

 <option>文昌湖风景旅游区</option>

 </select>

 </form>

 </td>

</tr>

<tr align="center">

<td colspan="">

 <form>

 <input type="submit" value="提交信息" />

 &nbsp;&nbsp;&nbsp;&nbsp;

 <input type="reset" value="重新填写" />

 </form>

</td>

</tr>

</table>

</body>

练习题

HTML-★★★★★表单★★★★★的更多相关文章

  1. ASP.NET Aries 入门开发教程9：业务表单的开发

    前言: 经过前面那么多篇的列表的介绍,终于到了大伙期待的表单开发了. 也是本系列的最后一篇文章了! 1:表单页面的权限设置与继承 对于表单页面,权限的设置有两种: 1:你可以选择添加菜单(设置为不显示 ...

  2. 探索ASP.NET MVC5系列之~~~3.视图篇（下）---包含常用表单和暴力解猜防御

    其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程(不妥之处欢迎指正) 汇总:http://www.cnblogs.com/dunitian/p/4822808.ht ...

  3. jQuery学习之路（8）- 表单验证插件-Validation

    ▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...

  4. jQuery学习之路（5）- 简单的表单应用

    ▓▓▓▓▓▓ 大致介绍 接下来的这几个博客是对前面所学知识的一个简单的应用,来加深理解 ▓▓▓▓▓▓ 单行文本框 只介绍一个简单的样式:获取和失去焦点改变样式 基本结构: <form actio ...

  5. 12、Struts2表单重复提交

    什么是表单重复提交 表单的重复提交: 若刷新表单页面, 再提交表单不算重复提交. 在不刷新表单页面的前提下: 多次点击提交按钮 已经提交成功, 按 "回退" 之后, 再点击 &qu ...

  6. .net erp（办公oa）开发平台架构概要说明之表单设计器

    背景:搭建一个适合公司erp业务的开发平台.   架构概要图: 表单设计开发部署示例图    表单设计开发部署示例说明1)每个开发人员可以自己部署表单设计至本地一份(当然也可以共用一套开发环境,但是如 ...

  7. javascript表单的Ajax 提交插件的使用

    Ajax 提交插件 form.js 表单的下载地址:官方网站:http://malsup.com/jquery/form/ form.js 插件有两个核心方法:ajaxForm()和ajaxSubmi ...

  8. 玩转spring boot——AOP与表单验证

    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...

  9. from表单提交数据之后，后台对象接受不到值

    如果SSH框架下,前段页面通过from表单提交数据之后,在后台对象显示空值,也就是接收不到值得情况下.首先保证前段输入框有值,这个可以在提交的时候用jQuery的id或者name选择器alert弹出测 ...

  10. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

随机推荐

  1. Java读取Unicode文件（UTF-8等）时碰到的BOM首字符问题

    在Windows下用文本编辑器创建的文本文件,如果选择以UTF-8等Unicode格式保存,会在文件头(第一个字符)加入一个BOM标识.   这个标识在Java读取文件的时候,不会被去掉,而且Stri ...

  2. yum基本用法与修改源

    一.yum简介 yum,是Yellow dog Updater Modified的简称,起初是由yellow dog这一发行版的开发者Terra Soft研发,用python写成,那时还叫做yup(y ...

  3. 要生成在[min,max]之间的随机整数，

    import java.util.Random; public class RandomTest { public static void main(String[] args) { int max= ...

  4. [模板]割点（tarjan）

    洛谷P3388 注意:记得tarjan的打法 注意割点的判断条件:子节点个数>2并且为根节点  当它不为根节点时并且low[to]>dfn[u] 判断时是在子节点未被记录的时候 #incl ...

  5. Spring框架总结（十二）

    问题引入:      程序的“事务控制”, 可以用aop实现! 即只需要写一次,运行时候动态植入到业务方法上. 一个业务的成功: 调用的service是执行成功的,意味着service中调用的所有的d ...

  6. java文件流操作

    package common; import java.io.*;import java.math.BigDecimal;import java.util.ArrayList;import java. ...

  7. 修复DBGrideh使用TMemTableEh在Footers求平均值为0的Bug

    在一个项目中,使用DBGrideh,当使用自带的内存数据集时,对于Footers添加的求平均值,一直显示为0,其他汇总数据都是可以的,而切换使用TClientDataSet或者TADODataSet, ...

  8. httpclient 解析excel

    http://www.blogjava.net/jayslong/archive/2011/04/21/convert_xls_and_xlsx_to_csv.html 分享用Java将Excel的x ...

  9. C# 读Autofac源码笔记（2）

    刚看了下Autofac属性注入的源码 首先看看WithProperty方法   image.png Autofac将我们的属性值,存在了一个list集合中   image.png 然后将这个集合传递到 ...

  10. leetcode 42. 接雨水 JAVA

    题目: 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图,计算按此排列的柱子,下雨之后能接多少雨水. 上面是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的高度图,在这种情况下 ...