form表单的属性标签和练习

form表单的标签

  做一个如下图的form表单:

  

  我们的代码如下:

    

<body leftmargin="400px" topmargin="200px">
<form method="post" action="http://www.baidu.com">
<table border="2px" heigth="200px">
<tr>
<td align="right">用户名:</td>
<td>
<input type="text" name="" id="" value="" placeholder="请输入用户名" />
</td>
</tr>
<tr>
<td align="right">密码:</td>
<td>
<input type="password" name="" id="" value="" placeholder="请输入密码"/>
</td>
</tr>
<tr>
<td align="right">确认密码:</td>
<td>
<input type="password" name="" id="" value="" placeholder="请再次输入密码"/>
</td>
</tr>

<tr>
<td align="right">验证码:</td>
<td>
<input type="text" name="" id="" value="" placeholder="请输入验证码" /><img src="1.gif" width="30px"/>
</td>
</tr>
<tr>
<td align="right">性别:</td>
<td>
<input type="radio" name="r1" id="r1" checked="checked" value="" />
<lable for="r1">男</lable>
<input type="radio" name="r1" id="r2" value="" />
<lable for="r1">女</lable>
</td>
</tr>
<tr>
<td align="right">年龄:</td>
<td>
<input type="text" name="" id="" value="" placeholder="请输入年龄"/>
</td>
</tr>
<tr>
<td align="right">爱好:</td>
<td>
<select name="" id="si" size="1" multiple="multiple">
<option value="">购物</option>
<option value="">上网</option>
<option value="">运动</option>
<option value="">看电影</option>
<option value="">听音乐</option>
</select>

</td>
</tr>
<tr>
<td align="right">你喜欢的游戏:</td>
<td>
<input type="checkbox" name="" id="c1" value="b1" />
<label for="c1">穿越火线</label>
<input type="checkbox" name="" id="c2" value="b2" checked="checked"/>
<label for="c2">英雄联盟</label>
<input type="checkbox" name="" id="c3" value="b3" />
<label for="c3">逆战</label>
<input type="checkbox" name="" id="c4" value="b4" />
<label for="c1">守望先锋</label>
</td>
</tr>
<tr>
<td align="right">邮箱:</td>
<td>
<input id="" name="" value="" placeholder="请输入邮箱" />@qq.com7
</td>
</tr>
<tr>
<td align="right">邮箱密码:</td>
<td>
<input type="password" name="" id="" value="" placeholder="请输邮箱入密码"/>
</td>
</tr>
<tr>
<td align="center">
<input type="submit" name="" id="" value="提交" />
</td>
<td>
<input type="reset" name="" id="" value="重置"/>
</td>
</tr>
</table>
</form>

</body>

form的常用标签和属性都有了,有什么问题多多交流。

时间: 2024-08-27 21:44:25

form表单的属性标签和练习的相关文章

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

form 表单 enctype 属性-(转自w3c)

<from action="xxx.xxx" enctype="multipart/form-data"></from> 在上传文件时必须要用这个 这个就是不会进行编码的意思 属性值 值 描述 application/x-www-form-urlencoded 在发送前编码所有字符(默认) multipart/form-data 不对字符编码. 在使用包含文件上传控件的表单时,必须使用该值. text/plain 空格转换为 "+&

常用6种type的form表单的input标签分析及示例

<input> 标签用于搜集用户信息. 根据不同的 type 属性值,输入字段拥有很多种形式.输入字段可以是文本字段.复选框.掩码后的文本控件.单选按钮.按钮等等. 在这里博主介绍6中type的input,分别是文本域.密码字段.单选按钮.复选按钮.提交按钮以及指定图片按钮 1:文本域 文本域通过< ... 653rai悼抑戳眯陨桨<http://baobao.baidu.com/question/ba4ad4dffdea7da838c2d08783ca1801.html?=D&g

当有多个form表单请求时如何处理?

问题:当有多个表单请求时如何处理?两种获取form表单 name属性值来区分是哪一个form表单.问题:如何获取name的值呢?<form name="myForm" method="post"action="myServlet/PassParams">解决:两种方法①.在请求处理的后面传递参数例如:action="myServlet/PassParams?formName=myform"优点:可以很方便的解决问题

django之form表单验证

django中的Form一般有两种功能: 输入html 验证用户输入 #!/usr/bin/env python # -*- coding:utf-8 -*- import re from django import forms from django.core.exceptions import ValidationError def mobile_validate(value): mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]

Form表单中的action路径问题,form表单action路径《jsp---&gt;Servlet路劲问题》这个和上一个《jsp---&gt;Servlet》文章有关

Form表单中的action路径问题,form表单action路径 热度5 评论 50 www.BkJia.Com  网友分享于:  2014-08-14 08:08:01     浏览数44525次 Form表单中的action路径问题,form表单action路径 今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇到的是Form表单提交到servelet处理时遇到的问题: (1)<form name="l

浏览器行为:Form表单提交

1.form表单常用属性 1 2 3 4 action:url 地址,服务器接收表单数据的地址 method:提交服务器的http方法,一般为post和get name:最好好吃name属性的唯一性 enctype: 表单数据提交时使用的编码类型,默认使用"pplication/x-www-form-urlencoded",如果是使用POST请求,则请求头中的content-type指定值就是该值.如果表单中有上传文件,编码类型需要使用"multipart/form-data

form表单那点事儿(下) 进阶篇

上一篇主要温习了一下form表单的属性和表单元素,这一片主要讲解用JavaScript如何操作form. 表单操作 取值 用JavaScript操作表单,免不了会有取值赋值操作,比如有以下表单: <form id='form0'></form> <form action="/login" method="post" target="blank" id='form1'> <input type="

form表单标签及属性的介绍

版权声明:本文为博主原创文章,未经博主允许不得转载. 一. 表单标签 <form></form> 常用属性 Action 跳转到什么页面 Method  以什么模式提交 Get Url有长度限制 IE6.0 url 最大长度 2083个字符 超过无法提交 IE7.0 最大长度 2083个字符 超过最大长度仍然可以提交但是只能提交2083个字符 Opera 9.52 最大长度7648个字符 超过最大长度无法提交 所有提交内容会显示到地址栏位置 很不安全 a标签的跳转方式也是get方式