格式优雅的表单标签


html>
<html>
	<head>
		<meta charset="utf-8">
		<title>格式优雅title>
	head>
	<body>
		<form action="#" method="GET">
			<table  align="center" width="100px" heigth="100px">
				<tr>
					<td>用户名：td>
					<td>
						<input type="text" name="username" placeholder="请输入用户名"/>
					td>
				tr><br />
					
				<tr>
					<td>密码：td>
					<td>
						<input type="password" name="password" placeholder="请输入密码"/>
					td>
				tr><br />
					
				<tr>
					<td>出生日期：td>
					<td>
						<input type="date" name="date"/>
					td>
				tr><br />
				
				<tr>
					<td>性别：td>
					<td>
						<input type="radio" name="gender"/>男
						<input type="radio" name="gender"/>女
					td>
				tr><br />
				
				<tr>
					<td>兴趣爱好：td>
					<td>
							<input type="checkbox" name="hobit" value="篮球"/>篮球
							<input type="checkbox" name="hobit" value="足球"/>足球
							<input type="checkbox" name="hobit" value="联盟"/>联盟
					td>
				tr>
				
				<tr>
					<td>邮箱：td>
					<td>
						<input type="email" name="email" placeholder="请输入"/>
					td>
				tr>
				
				<tr>
					<td>电话：td>
					<td>
						<input type="tel" name="telephone" placeholder="请输入"/>
					td>
				tr>
				
				<tr>
					<td>大学：td>
					<td>
						<select name="university">
							<option value="请选择">请选择option>
							<option value="哈工大">哈工大option>
							<option value="上交大">上交大option>
							<option value="浙大">浙大option>
						select>
					td>
				tr><br />
				
				<tr>
					<td>上传图片：td>
					<td>
						<input type="file" name="pricture"/>
					td>
				tr><br />
				
				<tr>
					<td>
						自我介绍：
					td>
					<td>
						<textarea rows="1" cols="8">hello!textarea>
					td>
				tr>
				
			table>
			<input type="submit" value="提交"/>
			<input type="reset" value="重置"/>
		form>
	body>
html>

相关阅读:
学习ssh配置
后端技术盲区大清理：事务还没弄明白的小伙伴赶紧来看一看
业务安全及案例实战
关于springboot访问tomcat,线程http-nio-8080-exec的来源问题
MySQL中的多列子查询
音视频从入门到精通——超简单的基于FFMPEG+SDL的视频播放器（一）
leetcode2/3/4数之和的解法比较python_哈希和双指针（sort的时空复杂度）
基于Python文本内容/情感的对微博文本自动二元分类
【IO】JavaIO流：字节流、字符流、缓冲流、转换流、序列化流等
Qt6中使用Qt Charts

原文地址：https://blog.csdn.net/weixin_57219176/article/details/126508298