form表单的属性标签和练习

最新推荐文章于 2022-07-25 12:31:43 发布
最新推荐文章于 2022-07-25 12:31:43 发布
阅读量225 收藏
点赞数
原文链接：http://www.cnblogs.com/axj1993/p/6210520.html
版权

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

转载于:https://www.cnblogs.com/axj1993/p/6210520.html

weixin_30678349
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML标签：表单标签
Qpc960811的博客
09-11 214
HTML标签：表单标签 * 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL(位置) * method:指定提交方式 * 分类：一共7种，2...
表单标签练习
weixin_30693183的博客
10-14 93
转载于:https://www.cnblogs.com/alphajuns/p/9787810.html
form表单标签的练习、以及table标签的运用
小熙的进化史
07-19 453
html，form表单标签的运用 form标签 文本表单 单选表单 复选框 下拉选项框 提交、重置哦、普通按钮 文本域 文件表单 form标签 所有的表单标签都需要放在form标签里面，有助于将表单数据传输给服务器。 <form action="image_01163邮箱.html" method="get"> <label for="email">电子邮箱：...
初步认识HTML+表单标签练习
weixin_64449292的博客
07-25 589
适合初学者，内容比较基础。学好表单标签非常重要。
HTML-表单综合练习
小石头
02-19 615
表单综合练习
email-form:关于构建表单HTML和CSS练习
04-08
在这个"email-form:关于构建表单HTML和CSS练习"中，我们将深入探讨如何有效地结合这两者来创建一个功能完整且视觉吸引人的表单。 首先，HTML表单是通过使用`<form>`标签来创建的。这个标签定义了一个可以包含输入...
表单练习与知识点.7z
08-24
`<form>`标签用于创建一个表单，它可以包含各种输入控件，如`<input>`、`<textarea>`、`<select>`和`<button>`等。这些元素各自有不同的用途： 1. `<input>`：这是最常用的输入控件，可以通过type属性定义不同的...
实验2 Form表单和内置对象（一）1
08-08
【实验2 Form表单和内置对象（一）1】主要涉及了JSP中关于表单处理和内置对象的使用，具体知识点如下： 1. **JSP表单元素数据的使用**： - **单一表单元素数据获取**：通过`<form>`、`<input>`等标签创建表单，...
对口升学HTML练习——表单和框架.pdf
09-30
1. `<FORM>`标签：定义了一个表单区域，`action`属性指定了处理表单数据的服务器端脚本地址，`method`属性规定了数据如何发送到处理程序（如GET或POST）。 2. `<INPUT>`标签：创建输入字段，例如文本框、密码输入框...
survey-form:调查表练习
03-29
4. **表单属性**：`<form>`元素有一些重要的属性，如`action`定义了提交表单后服务器处理数据的URL，`method`定义了发送数据的方式，通常是"GET"或"POST"。 5. **按钮和提交**：`<button>`元素用于创建可点击的按钮...
html表单from练习
weixin_30825581的博客
12-21 125
作用 专门用来收集用户信息的 input标签 type属性 text 明文输入框 password 暗文输入框 radio 单选框 注意单选框默认不会互斥的,如果需要互斥,则需要互斥的所有单选框都添加name属性,而且必须一样 如果需要默认选中一个单选框,则需要给这个单选框添加一个checked属性值也为checked,如果属性和值是一样的在html里面可以省略一个不写,但是在xhtml里面必须...
HTML标签 a form iframe table
xhd1236cs的博客
02-01 479
&lt;a&gt; 标签定义超链接，用于从一个页面链接到另一个页面。 如：&lt;a href="http://www.baidu.com"&gt;点击后在当前页面打开百度首页&lt;/a&gt; &lt;a&gt; 元素最重要的属性是 href 属性，它指定链接的目标。 通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。 target有五种属性值可以选： _self /...
HTML 表单的练习记录篇
追求，成长
12-26 4063
前言： 近期的工作中是负责公司网站的维护，所以就得学习Web前端的知识…时常忘记，所以记录下，也算是学习Web的一个开篇吧！废话不多说，coding … Ⅰ.简述表单相关的标签：form、fieldset、legend、table、tr、td、input、select、option、textarea 等；表单相关标签对应的部分属性： 标签 元素
HTML表单表格综合练习
qq_34416191的博客
06-06 2710
QQ注册 欢迎注册QQ账号 注册邮箱:  
form中label标签对齐，内容右对齐
热门推荐
weixin_30892763的博客
05-19 1万+
给label设置一个固定长度即可： label{ display:inline-block; width:100px; text-align:right; } 转载于:https://www.cnblogs.com/cowboybusy/p/9060412.html...
form表单标签的简单使用
BigDevil_的博客
11-15 1298
form表单标签<form></form>： 1.作用： 收集客户信息 2.属性： 属性 值 说明 accept MIME_type HTML 5 中不支持。 accept-charset charset_list 规定服务器可处理的表单数据字符集。 action URL 规定当提交表单时向何处发送表单数据。 autocomple...
表单花样样式
weixin_30652879的博客
07-26 956
玩转表单之花样表单 　　很多时候，我们仅仅为了实现数据采集这个功能来使用表单，常看到的表单都是“千人一面”、毫无生气，本专题尝试着来改变这一现象，试图赋予表单一个丰富多彩的面貌。表单的外观，也是最为直接的花样，可以通过改变它来实现特效，本文分两个出发点来讲述：CSS魔法和图像魔法。　　1、CSS魔法CSS，就是大家知道的层...
Form 表 单( float: left；)
weixin_51847874的博客
01-10 229
误删（哭） 3.文本框 < input type=“text” /> 属性： name:定义控件名称 value：指定控件初始值 密码框 < input type=“password” /> 属性： name:定义控件名称 value：指定控件初始值 但是 < input type=“button” value=“立即购买”> 普通按钮 value 表示 button的名字 4.单行文本框默认值是type=“text” 密码框< input type...
【信号分解】基于蝗虫优化算法GOA-CEEMDAN实现信号去躁附matlab代码.rar
最新发布
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
html表单案例练习
09-28
标签可以用来创建不同类型的表单元素，其中的type属性用于指定元素的类型，比如text表示文本框，password表示密码框，radio表示单选按钮，checkbox表示复选按钮，button表示普通按钮等等。另外，input标签还可以使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值