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. IOS开发基础知识--碎片49

    1:iOS项目配置文件info.plist文件解析 Localization native development region本地化 Executable file可执行文件路径 Bundle id ...

  2. Android中点击隐藏软键盘最佳方法——Android开发之路4

    Android中点击隐藏软键盘最佳方法 实现功能:点击EditText,软键盘出现并且不会隐藏,点击或者触摸EditText以外的其他任何区域,软键盘被隐藏: 1.重写dispatchTouchEve ...

  3. iOS开发 引用第三方库出现duplicate symbol时的处理方法

      该篇文章是我自己从我的新浪博客上摘抄过来的, 原文链接为: http://blog.sina.com.cn/s/blog_dcc636350102wat5.html     在iOS开发中, 难免 ...

  4. 我的第一篇博客----LCS学习笔记

    LCS引论 在这篇博文中,博主要给大家讲一个算法----最长公共子序列(LCS)算法.我最初接触这个算法是在高中学信息学竞赛的时候.那时候花了好长时间理解这个算法.老师经常说,这种算法是母算法,即从这 ...

  5. DX12龙书第6章习题

    1. { { , DXGI_FORMAT_R32G32B32_FLOAT, , , D3D12_INPUT_CLASSIFICATION_PER_VERTEX_DATA, }, { , DXGI_FO ...

  6. 自动将指定目录下面的文件转换为UTF-8

    using System; using System.Collections; using System.Collections.Generic; using System.IO; using Sys ...

  7. oracle调用JAVA类的方法

    导入jar包 在oracle中导入需要的jar包,我们把编辑好的java类打成jar包,直接在oarcle里面写简单的调用就可以了,  1.操作系统需要拥有支持loadjava命令的jdk.  2.加 ...

  8. 你该知道的-SQL里的这些新语法-函数

    前言 最近帮客户做数据库优化的时候发现客户系统使用了很多函数,自己竟然不知道是干啥的,好歹做过好几年开发的我必然不能忍!于是翻了翻资料自己学习了一下随便也分享给群友. 巧用函数的霸气作用———我做开发 ...

  9. ubuntu-Linux系统读取USB摄像头数据(gspca)

    将摄像头图像保存为jpg格式.摄像头需要是gspca免驱的.uvc若用uvc格式的需要在图像中插入Huffman表.否则无法正常显示. 程序代码: #include <stdio.h> # ...

  10. javascript中的原型和继承

    javascript一直是初学者口中的难点,甚至一些有些许工作经验的人也不太明白其中的原理,而我就是那个初学者,前段时间在阮一峰老师的博客上看了一篇文章<javascript继承机制的设计思想& ...