软件培训测试高级工程师多测师肖sir__html之作业11

html之作业

案例1:

截图:

代码:

cpp 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单</title>
	<`/head>
	<body>
	    <table style="background-color:red" border="2" cellspacing="5" cellpadding="4">
	    	<tr>
	    		<td height="100" style="font-size: 30px" style="font-weight: bold;" style="font-family: '微软雅黑';"align="center" colspan="2" >学生登记报名表</td>
	    	</tr>
	    	<tr>
	    		<td>用户名</td>
	    		<td align="center" height="30" width="500"><input type="text" name="" id="" value="" placeholder="请输入用户名"/></td>
	    	</tr>
	    	<tr>
	    		<td >密码</td>
	    		<td align="center" height="30" width="500"><input type="password" name="" id="" value="" placeholder="请输入密码"/></td>
	        </tr>
	        <tr>
	        	<td>密码确认</td>
	        	<td align="center" height="30" width="500"><input type="password" name="" id="" value="" placeholder="请确认密码"/></td>
	        </tr>
	        <tr>
	        	<td>性别</td>
	        	<td><input type="radio" name="sex" id="sex" value="" />男 <input type="radio" name="sex" id="sex" value="" />女</td>
	        </tr>
	        <tr>
	        	<td>选择科目</td>
	        	<td><input type="checkbox" name="" id="" value="" />html <input type="checkbox" name="" id="" value="" />python <input type="checkbox" name="" id="" value="" />linux <input type="checkbox" name="" id="" value="" />mysql</td>
	        </tr>
	        <tr>
	            <td>选择学校</td>
	            <td><select name="">
	            	<option value="">-选择就读的学校-</option>
	            		
	            </select></td>
	        </tr>
	        <tr>
	            <td>选择文件</td>
	            <td><input type="file" name="" id="" value="" /></td>
	        </tr>
	        <tr>
	        	<td align="center" colspan="2"><input type="reset" /><input type="submit"/></td>
	        	
	</body>
</html>

案例2:

图片:

代码:
学生登记报名表

|------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---|
| 学生登记报名表 |||
| 用户名 | |
| 密码 | |
| 密码确认 | |
| 性别 | 男 女 |
| 选择科目 | Linux ui自动化 mysql html </body> </html> 选择学校 <select name="" > <option value="">杭师大</option> <option value="">中医药</option> <option value="">杭商业</option> <option value="">杭旅游</option> </select> 选择文件 确认 错误 </body> |

案例3:

代码:
学生登记报名表

复制代码
		<table border="" cellspacing="" cellpadding="" bgcolor="red">
		<tr>
			<td colspan="2" >
				<p class="aa" >学生登记报名表</p>
			</td>
		</tr>
		<tr>
			<td>用户名</td>
			<td class="aa">
				<input type="text" name="" id="" value="" placeholder="请输入账号"/>
			</td>
		</tr>
		<tr>
			<td>密码</td>
			<td class="aa">
				<input type="password" name="" id="" value="" placeholder="请输入密码"/>
			</td>
		</tr>
		<tr>
			<td>密码确认</td>
			<td class="aa">
				<input type="password" name="" id="" value="" placeholder=""/>
			</td>
		</tr>
		<tr>
			<td>性别</td>
			<td>
				<input type="radio" name="sex" id="" value="" />男
				<input type="radio" name="sex" id="" value="" />女
			</td>
		</tr>
		<tr>
			<td>选择科目</td>
			<td>
				<input type="checkbox" name="" id="" value="" />html  
				<input type="checkbox" name="" id="" value="" />python
				<input type="checkbox" name="" id="" value="" />linux
				<input type="checkbox" name="" id="" value="" />mysql
			</td>
		</tr>
		<tr>
			<td>选择学校</td>
			<td>
				<select name="" >
					<option value="">浙大</option>
					<option value="">清华</option>
					<option value="">北大</option>
					<option value="">厦大</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>选择文件</td>
			<td>
				<input type="file" name="" id="" value="" />
			</td>
		</tr>
		<tr>
			<td colspan="2" class="aa">
				<input type="reset" name="" id="" value="" />重置
				<input type="submit" name="" id="" value="" />提交
			</td>
		
		</tr>
	</table>
</body>

案例4:

截图:

代码:
学生登记报名表

a

相关推荐
anOnion4 天前
构建无障碍组件之Switch Pattern
前端·html·交互设计
willow9 天前
html5基础整理
html
anOnion12 天前
构建无障碍组件之Radio group pattern
前端·html·交互设计
前端Hardy12 天前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
前端Hardy13 天前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
前端Hardy13 天前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
DeathGhost13 天前
分享URL地址到微信朋友圈没有缩略图?
前端·html
前端Hardy14 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
Never_Satisfied14 天前
在HTML & CSS中,nth-child、nth-of-type详解
前端·css·html
你怎么知道我是队长14 天前
前端学习---HTML---块元素和行内元素
前端·学习·html