HTML：表单练习

最新推荐文章于 2023-04-04 11:20:34 发布
最新推荐文章于 2023-04-04 11:20:34 发布
阅读量198 收藏 1
点赞数
分类专栏： HTML基础知识 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47924016/article/details/116372843
版权 
<body>
	<h2 align="center">表单练习</h2>
	<form name="form1" method="post" action="">
		<table width="400" align="center" cellpadding="0" cellspacing="2" border="">
			<tr>
				<td width="143" height="25">姓名：</td>
				<td width="143">
					<input name="name" type="text" id="name" size="20">
				</td>
			</tr>
			<tr>
				<td height="25">年龄：</td>	
					<td>
					<select name="age" id="age">
						<option value="3" selected>3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						</select>
					</td>
			</tr>
			<tr>
				<td height="25">性别：</td>
				<td>
					<input name="radiobutton" type="radio" value="radiobutton" checked />
					男
					<input type="radio" name="radiobutton" value="radiobutton" value="radiobutton"/>
					女
				</td>
			</tr>
			
			<tr>
			<td>家挺地址：</td>
				<td>
				<input name="textfield" type="text" size="15">
				</td>
			</tr>
			<tr>
			<td height="25">联系电话：</td>
				<td>
					<input type="textfield2" type="text" size="30">
				</td>
			</tr>
			<tr>
			<td >您对我们是否满意：</td>
				<td>
					<input name="checkbox" type="checkbox" value="checkbox" />非常满意
					<input name="checkbox2" type="checkbox" value="checkbox" />一般
					<input name="checkbox3" type="checkbox" value="checkbox" />非常差
					
				</td>
			</tr>
			<tr>
				<td>意见：</td>
				<td>
					<textarea name="textarea" cols="40" rows="6" ></textarea>
				</td>
			</tr>
			<tr>
				<td height="25" colspan="2" align="center">
					<input type="submit" name="submit2" value="提交" />
					<input type="reset" name="submit3" value="重置">
				</td>
			</tr>
		</table>
	</form>
</body>

运行结果
在这里插入图片描述

程序打工仔
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
web前端入门到实战：HTML表单练习
软件开发-前端开发-IT
09-27 921
整理一下思路​： 首先练习了账号密码的输入，属性为text为文本框，属性为password的为暗文文本框输入​ 第二，单选框输入属性为radio，默认选择选项checked属性为checked，不同选项之间互斥为name属性的值必须相等​。多选框输入属性为checkbox。 第三，输入框为textarea标签，里面rows属性定义最多行，cols属性定义最多列​。 第四，属性值为date代表日历，...
html表单练习
weixin_45239190的博客
08-06 2646
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
form.html（表单练习）
07-22
表单练习，账号text，密码password，性别单选框radio，爱好多选框checkbox，地址下拉列表select，文本域textarea，提交按钮submit
html表单专项练习
最新发布
墨城烟柳ベ旧人殇的博客
04-04 715
本人主要介绍用html完成表单的建立。
【HTML】表单练习
点滴记忆
03-12 275
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="get" action="https://www.ba...
Questionnaire:练习HTML表单
03-14
在"Questionnaire:练习HTML表单"这个主题中，我们将深入探讨HTML表单的使用，它是网页交互性的重要组成部分，允许用户输入数据并与服务器进行通信。 HTML表单由一系列的表单元素组成，如`<form>`、`<input>`、`...
最先使用HTML：HTML练习
03-02
9. **表单**：HTML表单用于收集用户输入，`<form>`、`<input>`、`<textarea>`、`<select>`和`<button>`等元素共同构建了交互界面。 10. **语义化标签**：HTML5引入了许多语义化的标签，如`<header>`、`<nav>`、`...
HTML:练习HTML Projetcs
03-26
本项目“HTML：练习HTML Projects”旨在帮助学习者通过实践加深对HTML的理解，提高实际应用能力。 在HTML中，网页的结构由一系列元素构成，这些元素通过标签来定义。例如，`<html>`、`<head>`和`<body>`是页面的...
html-css网站：首次练习网站
02-09
在"html-cssWebsite-master"中，我们可能会看到这些基本标签的使用，以及更复杂的元素如表格、列表、表单等。 CSS，则是用来描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的语言。通过CSS，我们可以控制...
html表单的练习
lyn789的博客
08-24 835
一个表单的练习， 这是在网页显示中的展示。 form.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
HTML表单应用练习
u011184841的博客
05-13 947
表单应用 效果图     1、表单的属性 action=...指跳转到哪里 method=”GET” OR “POST”指表单提交数据的方式 有GET和POST两种 2、文本域、密码域、单选框、多选框、下拉框、提交、复位   文本框 Maxlength指能输入最大字符位数   密码域    复选框  Checked表示默认选择什么选项 单选框   Chec
HTML表单简单练习
weixin_33863087的博客
03-16 433
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表单</title> </head> <body bgcolor="deepskyblue"&...
HTML 表单练习
weixin_46146313的博客
01-21 200
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
HTML-表单综合练习
小石头
02-19 617
表单综合练习
实训篇-Html-表单练习
gy77
01-07 409
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regist</title> </head> <body> <h3 align="center">注册页面</h3> <...
HTML学习：构建表单输入元素
5. **HTML表单元素**：在表单输入元素的讨论中，常见的有`<FORM>`（表单容器）、`<INPUT>`（各种类型的输入字段，如文本、密码、复选框、单选按钮等）、`<SELECT>`（下拉列表）、`<TEXTAREA>`（多行文本输入）和`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序打工仔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值