【Web】HTML(No.10)表单标签经典案例(三)《调查问卷》


需要素材联系我或私信、评论

效果图

【Web】HTML(No.10)表单标签经典案例(三)《调查问卷》_第1张图片

HTML源码


  <html lang="en">
  <head>
	<meta charset="UTF-8">
	<title>调查问卷title>
  head>
  <body>
	<table border="1px" cellspacing="0" width="900" height="1000" cellpadding="5">
	  <thead>
	    <tr>
		  <th colspan="2" height="50" >青春不常在,抓紧谈恋爱th>
	  tr>
	  thead>
	  <tbody>
	    <tr>
	      <td>性别td>
	      <td>
	        <input type="radio" name="sex" checked="checked" ><img src="img/man.jpg" alt=""> <input type="radio" name="sex"><img src="img/women.jpg" alt=""> td>
	    tr>
	    <tr>
	      <td>生日td>
	      <td>
	        <select name="">
	          <option value="请选择年" selected="selected">请选择年option>
	          <option value="1995年">1995option>
	          <option value="1996年">1996option>
	          <option value="1997年">1997option>
	          <option value="1998年">1998option>
	          <option value="1999年">1999option>
	          <option value="2000年">2000option>
	          <option value="2001年">2001option>
	          <option value="2002年">2002option>
	          <option value="2003年">2003option>
	          <option value="2004年">2004option>
	          <option value="2005年">2005option>
	        select>
	        <select name="">
	          <option value="请选择月" selected="selected">请选择月option>
	          <option value="1月">1option>
	          <option value="2月">2option>
	          <option value="3月">3option>
	          <option value="4月">4option>
	          <option value="5月">5option>
	          <option value="6月">6option>
	          <option value="7月">7option>
	          <option value="8月">8option>
	          <option value="9月">9option>
	          <option value="10月">10option>
	          <option value="11月">11option>
	          <option value="12月">12option>
	        select>
	        <select name="">
	          <option value="请选择日" selected="selected">请选择日option>
	          <option value="1日">1option>
	          <option value="2日">2option>
	          <option value="3日">3option>
	          <option value="4日">4option>
	          <option value="5日">5option>
	          <option value="6日">6option>
	          <option value="7日">7option>
	          <option value="8日">8option>
	          <option value="9日">9option>
	          <option value="10日">10option>
	          <option value="11日">11option>
	          <option value="12日">12option>
	          <option value="13日">13option>
	          <option value="14日">14option>
	          <option value="15日">15option>
	          <option value="16日">16option>
	          <option value="17日">17option>
	          <option value="18日">18option>
	          <option value="19日">19option>
	          <option value="20日">20option>
	          <option value="21日">21option>
	          <option value="22日">22option>
	          <option value="23日">23option>
	          <option value="24日">24option>
	          <option value="25日">25option>
	          <option value="26日">26option>
	          <option value="27日">27option>
	          <option value="28日">28option>
	          <option value="29日">29option>
	          <option value="30日">30option>
	          <option value="31日">31option>
	        select>
	      td>
	    tr>
	    <tr>
	      <td>所在地区td>
	      <td>
	        <input type="text" placeholder="">
	      td>
	    tr>
	    <tr>
	      <td>婚姻状况td>
	      <td>
	        <input type="radio" name="sex" checked="checked" > 未婚
	        <input type="radio" name="sex"> 离婚
	        <input type="radio" name="sex"> 丧偶
	      td>
	    tr>
	    <tr>
	      <td>学历td>
	      <td>
	        <input type="text" placeholder="">
	      td>
	    tr>
	    <tr>
	      <td>月薪td>
	      <td>
	        <input type="text" placeholder="">
	      td>
	    tr>
	    <tr>
	      <td>手机号td>
	      <td>
	        <input type="text" placeholder="">
	      td>
	    tr>
	    <tr>
	      <td>昵称td>
	      <td>
	        <input type="text" placeholder="">
	      td>
	    tr>
	    <tr>
	      <td>喜欢的类型td>
	      <td>
	        <input type="checkbox">妩媚
	        <input type="checkbox">柔美
	        <input type="checkbox">可爱
	        <input type="checkbox">小鲜肉
	        <input type="checkbox">型男
	        <input type="checkbox">气质
	      td>
	    tr>
	    <tr>
	      <td>自我介绍td>
	      <td>
	       <textarea name="" id="" cols="50" rows="10">textarea>
	      td>
	    tr>
	    <tr>
	      <td>td>
	      <td>
	        <img src="img/btn.png" alt="">
	      td>
	    tr>
	    <tr>
	      <td>td>
	      <td>
	       <input type="checkbox" checked="checked">我同意注册条款和会员加入标准
	      td>
	    tr>
	    <tr>
	      <td>td>
	      <td>
	        <a href="">我是会员,立即登录a>
	      td>
	    tr>
	    <tr>
	      <td>td>
	      <td>
	        <h2>我承诺h2>
	        <ul>
	          <li>年满18岁、单身li>
	          <li>抱着严肃的态度li>
	          <li>真诚寻找另一半li>
	        ul>
	      td>
	    tr>
	    
	    
	  tbody> 
	table> 
body>
html>

你可能感兴趣的:(Web-HTML,Web,表单,表格,调查问卷)