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的常用标签和属性都有了，有什么问题多多交流。

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

  1. form表单的属性标签

    form表单的常用标签 表单: <form id="" name="" method="post/get" action=" ...

  2. html/form表单常用属性认识

    1.form表单常用属性练习 <style> .form1 { margin: auto; height: 900px; width: 500px; text-align: center; ...

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

    在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!D ...

  4. 关于html 中form表单的内标签和使用

    表单标记 1.普通文本框: <input type=”text” name=”名称” value=”值”;不写value默认为空/> 2.密码框:<input type=”passw ...

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

    <input> 标签用于搜集用户信息. 根据不同的 type 属性值,输入字段拥有很多种形式.输入字段可以是文本字段.复选框.掩码后的文本控件.单选按钮.按钮等等. 在这里博主介绍6中ty ...

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

    <from action="xxx.xxx" enctype="multipart/form-data"></from> 在上传文件时必 ...

  7. Form表单，textarea标签输入框 字数限制，和已输入字数的统计显示

    <script type="text/javascript"> $(document).ready(function() { <%-- 页面进来时就调用 --%& ...

  8. day75 form 组件(对form表单进行输入值校验的一种方式)

    我们的组件是什么呢 select distinct(id,title,price) from book ORM: model.py class Book(): title=model.CharFiel ...

  9. 在学习HTML——form表单中的label标签时的一点小体会

    在我啃了一遍书本之后,开始了在慕课看视频的过程,从最开始的HTML+CSS的基础课程看起,在第5-9小节讲到了form表单的label标签, 首先看一下慕课的讲解:  label 标签不会向用户呈现任 ...

随机推荐

  1. 基于Python+Django的Kubernetes集群管理平台

    ➠更多技术干货请戳:听云博客 时至今日,接触kubernetes也有一段时间了,而我们的大部分业务也已经稳定地运行在不同规模的kubernetes集群上,不得不说,无论是从应用部署.迭代,还是从资源调 ...

  2. Oracle工具类－生成数据库现有Job的创建脚本

    生成Oracle数据库现有Job的创建脚本 -- 生成现有Job的创建脚本 create or replace procedure proc_generate_job_create_sql is be ...

  3. 排序 order by 的用法

    order by  跟在select* from 后面 order by 默认的是升序, asc 升序  desc 降序 select * from 表名 order by  字段名  asc 在带有 ...

  4. ubuntu无限卡在logo界面

    ubuntu默认的是lightdm显示管理器,GDM就是Gnome display manager,lightdm是ubuntu开发的代替gdm的显示管理器.如果ubuntu进不去图形界面,除了重新安 ...

  5. String构造器中originalValue.length>size 发生的情况

    最近在看Jdk6中String的源码的时候发现String的有个这样的构造方法,源代码内容如下: public String(String original) { int size = origina ...

  6. python爬虫学习(8) —— 关于4399的一个小Demo

    堂弟喜欢各种游戏,在没有网络的情况下,上4399显得很无力. 另外,4399广告好多,,而且加载慢.. 怎么办,,写个爬虫吧,,把4399上的"好玩"游戏爬下来. 1. 分析阶段 ...

  7. 由一个多线程共享Integer类变量问题引起的。。。

    最近看到一个多线程面试题,有三个线程分别打印A.B.C,请用多线程编程实现,在屏幕上循环打印10次ABCABC- 看到这个题目,首先想到的是解决方法是定义一个Integer类对象,初始化为0,由3个线 ...

  8. [No0000A8]Word中设置图片下的题注及插入多级列表编号

    1.什么是题注? 2.怎么实现一个可以自动更新的题注?  只有先定义好文档编号后,才可以设置出正确的图片下标题注. 文章的结构可以通过导航窗口导航. 导航窗口打开方式. 3.设置好文档编号后,怎样插入 ...

  9. MongoDB数据库的CURD的一些基本语句

    from:http://www.data321.com/shujuku/20160514417/addToSetQianMianBuXuYaoJinXing 插入文档: SQL语句: INSERT I ...

  10. docker学习(8) 在mac机上搭建私有仓库

    docker的私有仓库类似maven的私服,一般用于公司内部搭建一个类似docker hub的环境,这样上传.下载镜像速度较快,本文将演示如何在mac上利用docker-machine搭建无需SSL证 ...