3，制作申请表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>申请表</title>
</head>
<body>
<h1>申请表</h1>
<form method="get" action="">
<p>
<label for="name">姓名：</label><input type="text" name="姓名" value="" id="name"></p>
<p>教育程度：
<input type="checkbox" name="ss" value="" id="master " checked><label for="master ">硕士</label>
<input type="checkbox" name="bs" value="" id="doctor "> <label for="doctor ">博士</label></p>
<p><label for="youxiang">常用邮箱：</label> <input type="email" name="邮箱" value="" id="youxiang"> </p>
<p><input type="radio" name="2" value=""id="male"><label for="male">男</label>
<input type="radio" name="2" value="" id="female "><label for="female ">女</label> </p>
<p><label for="age">年龄：</label> <input type="text" value="" id="age"></p>
<p><label for="money">月薪：</label> <input type="text" value="" id="money"></p>
<p><label for="appended"> 附注：</label><textarea name="wenben" cols="30" rows="5" id="appended">请在这里附注</textarea></p>
<p>国籍<select name="guoji">
<option value="">澳大利亚</option>
<option value="1">美国</option>
<option value="2">日本</option>
<option value="3">新加坡</option>
</select></p>
<p><input type="submit" value="提交"><input type="reset" value="重置"></p>
</form>
</body>
</html>
4，制作电子产品调查表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>电子产品调查问卷</title>
</head>
<body>
<h1>American Metric 电子产品调查问卷</h1>
<form method="get" action="">
<p><label for="name">姓名：</label><input type="text" value="" id="name" placeholder="输入必须是2-6位字符"></p>
<p>购买日期：<select name="year">
<option value="">2018</option>
</select>
<select name="month ">
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">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>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>
<select name="day">
<option value="1">1日 </option>
<option value="2">2日</option>
<option value="3">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>
<option value="10">10日</option>
<option value="11">11日</option>
<option value="12">12日</option>
<option value="13">13日</option>
<option value="14">14日</option>
<option value="15">15日</option>
<option value="16">16日</option>
<option value="17">17日</option>
<option value="18">18日</option>
<option value="19">19日</option>
<option value="20">20日</option>
<option value="21">21日</option>
<option value="22">22日</option>
<option value="23">23日</option>
<option value="24">24日</option>
<option value="25">25日</option>
<option value="26">26日</option>
<option value="27">27日</option>
<option value="28">28日</option>
<option value="29">29日</option>
<option value="30">30日</option>
</select></p>
<p><label for="yx">电子邮件地址：</label><input type="email" value="" id="yx" placeholder="[email protected]"></p>
<p><label for="num">手机号码：</label><input type="text" value="" id="num" placeholder="输入必须是以13/15/18开头的11位数"></p>
<p>您是否查看过我们的在线产品目录？<input type="radio" name="xz" value="" checked >是
<input type="radio" name="xz" value="">否</p>
<p>如果查看过，您对那些产品有兴趣购买？（选择提供的产品）<br>
<input type="checkbox" value="">大屏电视机<input type="checkbox" value="">音频设备<input type="checkbox" value="" >视频设备
<input type="checkbox" value="">相机</p>
<p>在填写订单之前，您还有什么问题，意见或建议?<br>
<textarea name="" rows="2" cols="40" >您的输入：</textarea></p>
<p><input type="submit" value="提交"><input type="reset" value="重置" disabled></p>
</form>
</body>
</html>
HTML5 第三章表单课后作业
猜你喜欢
转载自blog.csdn.net/tb19930719/article/details/80690359
今日推荐
周排行