为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

代码不会打，

http://img1.sycdn.imooc.com//5d945c03000180aa09760388.jpg求帮助谢谢

慕码人6419086

2019-10-02

源自：初识HTML(5)+CSS(3)-升级版  5-9

关注问题 我要回答
1121
操作
收起

正在回答

6 回答

蝴蝶蓝兰 回答被采纳 +2 积分
2019-10-03


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>表格</title>

    <style type=text/css>

    table,tr,td,th{

        border:1px solid #000;

    }

    input{

        display:block;

        margin-left:auto;

        margin-right:auto;

    }

    select{

        margin-left: auto;

        margin-right:auto;

        display:block;

    }

    textarea{

        margin-left: auto;

        margin-right:auto;

        display:block;

    }

    table{

        background: green;

    }

    </style>

</head>

<body>

    <table>

        <tr>

            <td>姓名</td>

            <td><input type="text" name="name" size="15"></input></td>

            <td>性别</td>

            <td><select><option value="男">男</option>

                <option value="女">女</option>

                <option value="--选择性别--" selected="selected">--选择性别--</option>

            </select></td>

        </tr>

        <tr>

            <td>手机号</td>

            <td><input type="phoneNumber" name="phoneNumber" size="15"></input></td>

            <td>电子邮箱</td>

            <td><input type="email" name="email" size="15"></input></td>

        </tr>

        <tr>

            <td>教育程度</td>

            <td><select>

                <option value="小学" selected="selected">小学</option>

                <option value="初中">初中</option>

                <option value="高中">高中</option>

                <option value="大专">大专</option>

                <option value="大学">大学</option>

                <option value="研究生">研究生</option>

                <option value="博士">博士</option>

            </select></td>

            <td>工作职位</td>

            <td><input type="job position" name="job" size="15"></input></td>

        </tr>

        <tr>

            <td>工作城市</td>

            <td><select>

                    <option value="--选择城市--" selected="selected">--选择城市--</option>

                    <option value="西安">西安</option>

                    <option value="北京">北京</option>

                    <option value="上海">上海</option>

                    <option value="深圳">深圳</option>

                    

                </select></td>

            <td>期望工资</td>

            <td><select>

                    <option value="--选择区间--" selected="selected">--选择区间--</option>

                    <option value="1000-3000">1000-3000</option>

                    <option value="3000-5000">3000-5000</option>

                    <option value="5000-7000">5000-7000</option>

                    <option value="7000-10000">7000-10000</option>

                    

                </select></td>

        </tr>

        <tr>

            <td>自我介绍</td>

            <td colspan="3"><textarea row="2" cols="100"></textarea></td>

            

        </tr>

        <tr>

            <td>特长</td>

            <td colspan="3"><textarea row="2" cols="100"></textarea></td>

           

        </tr>

        <tr>

            <td>地址</td>

            <td colspan="3"><textarea row="2" cols="100"></textarea></td>

            

        </tr>

    </table>

</body>

</html>

http://img1.sycdn.imooc.com//5d95bd400001ee2410580362.jpg

哈哈哈，我已经帮你弄得差不多了，其它的css自己搞定吧，加油哦！

4 回复 有任何疑惑可以回复我~
收起回答
慕码人6419086 提问者
2019-10-15

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>表单标签</title>

</head>

<body>

<form>

      <label for="username">姓名:</label>

      <input type="text"  name="username" id="username" value="" />

  <br>

      <label for="pass">班级:</label>

      <input type="password"  name="pass" id="pass" value="" /> 

  <br>

  <label>性别:</label>

    <input type="radio" name="gender-man" value="1" />

  <label>男</label>

    <input type="radio" name="gender-woman" value="2" />

<label>女</label>

  <br>

      <input type="submit" value="确定"  name="submit" />

      <input type="reset" value="重置" name="reset" />

</form>  

</body>

</html>



0 回复 有任何疑惑可以回复我~
收起回答
前端你
2019-10-03

怎么我的答案没显示出来？？？What happened???

0 回复 有任何疑惑可以回复我~
收起回答
前端你
2019-10-03

<!DOCTYPE html>

<html>

<head>

<title>table</title>

<style type="text/css">

table{

border-collapse: collapse;

font-size: 12px;


}

td{

border: 4px ridge #9bb9a3;

width: 100px;

height: 20px;

background-color: #9bb9a3;

text-align: center;

color: #69768e;

}

input{

border: 1px solid #d3d5ca;

}

select{

border-radius: 3px;

background-color: #e1e5e6;

}

textarea{

width: 360px;

height: 20px;

vertical-align: middle;

}

</style>

</head>

<body>

<table>

<tr>

<td>姓名</td>

<td><input type="text" name=""></td>

<td>性别</td>

<td><select>

<option>选择性别</option>

<option>选择性别</option>

<option>选择性别</option>

</select></td>

</tr>

<tr>

<td>手机号码</td>

<td><input type="text" name=""></td>

<td>电子邮箱</td>

<td><input type="text" name=""></td>

</tr>

<tr>

<td>教育程度</td>

<td><select>

<option>小学</option>

<option>选择性别</option>

<option>选择性别</option>

</select></td>

<td>工作职位</td>

<td><input type="text" name=""></td>

</tr>

<tr>

<td>工作城市</td>

<td><select>

<option>选择城市</option>

<option>选择性别</option>

<option>选择性别</option>

</select></td>

<td>期望工资</td>

<td><select>

<option>选择区间</option>

<option>选择性别</option>

<option>选择性别</option>

</select></td>

</tr>

<tr>

<td>自我介绍</td>

<td colspan="3"><textarea></textarea></td>

</tr>

<tr>

<td>特长</td>

<td colspan="3"><textarea></textarea></td>

</tr>

<tr>

<td>地址</td>

<td colspan="3"><textarea></textarea></td>

</tr>

</table>

<input type="button" name="添加" value="添加">

<input type="button" name="重置" value="重置">

</body>

</html>


0 回复 有任何疑惑可以回复我~
收起回答
蝴蝶蓝兰
2019-10-03 
<!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-UA-Compatible" content="ie=edge">    
   <title>表格</title>    <style type=text/css>    
   table,tr,td,th{      
     border:1px solid #000;  
       }    
       input{     
          display:block;        
          margin-left:auto;       
           margin-right:auto;   
            }   
        select{        
        margin-left: auto;        
        margin-right:auto;       
         display:block;    
         }   
          textarea{        
          margin-left: auto;      
            margin-right:auto;        
            display:block;   
             }    
             table{        
             background: green;   
              }    
        </style></head><body>    
        <table>    
        <tr>            
        <td>姓名</td>            
        <td><input type="text" name="name" size="15"></input>
        </td>            
        <td>性别</td>            
        <td><select><option value="男">男</option>
        <option value="女">女</option>
     <option value="--选择性别--" selected="selected">--选择性别--</option> 
       </select></td>
       </tr>        
       <tr>            
       <td>手机号</td>            
       <td><input type="phoneNumber" name="phoneNumber" size="15"></input></td> 
       <td>电子邮箱</td>            
       <td><input type="email" name="email" size="15"></input></td>        
       </tr>        
       <tr>            
       <td>教育程度</td>            
       <td><select>                
       <option value="小学" selected="selected">小学</option>
      <option value="初中">初中</option>                
      <option value="高中">高中</option>                
      <option value="大专">大专</option>                
      <option value="大学">大学</option>                
      <option value="研究生">研究生</option>                
      <option value="博士">博士</option>            
      </select></td>            
      <td>工作职位</td>            
      <td><input type="job position" name="job" size="15"></input></td>
              </tr>        
<tr>            
<td>工作城市</td>            
<td><select>                    
<option value="--选择城市--" selected="selected">--选择城市--</option>            
<option value="西安">西安</option>                    
<option value="北京">北京</option>                    
<option value="上海">上海</option>                    
<option value="深圳">深圳</option>                              
</select></td>           
<td>期望工资</td>            
<td><select>                    
<option value="--选择区间--" selected="selected">--选择区间--</option>            
<option value="1000-3000">1000-3000</option>                    
<option value="3000-5000">3000-5000</option>                    
<option value="5000-7000">5000-7000</option>                    
<option value="7000-10000">7000-10000</option>                        
</select></td>        
</tr>        
<tr>            
<td>自我介绍</td>            
<td colspan="3"><textarea row="2" cols="100"></textarea></td>                
</tr>        
<tr>            
<td>特长</td>            
<td colspan="3"><textarea row="2" cols="100"></textarea></td>                
</tr>        
<tr>            
<td>地址</td>            
<td colspan="3"><textarea row="2" cols="100"></textarea></td>                
</tr>    
</table></body></html>

ok,基本差不多了，其它自己搞定吧，代码还是要自己写哦

http://img1.sycdn.imooc.com//5d95bffd0001ee2410580362.jpg

最终效果图。

2 回复 有任何疑惑可以回复我~
收起回答
#1

慕设计6543288

这个直接复制在记事本里，网页打开，为啥显示的是乱码
2019-10-15 回复 有任何疑惑可以回复我~
#2

慕九州5249392 回复 慕设计6543288

写html代码不要在记事本写，记事本的utf有问题，廖老师说过
2019-11-13 回复 有任何疑惑可以回复我~
Demons_拾柒
2019-10-03

先数，把几行几列数出来。

<tr></tr>表示行

<td></td>表示列

行中包含列，一行里面有几列就在<tr></tr>里写几个<td></td>

具体代码还是自己打出来比较好理解，多练习才能有所提高呀！

1 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226028    人
  • 解答问题       18236    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答代码注释不会

6 回答这样一直打代码真的能学会吗

2 回答为什么代码打不进去字

2 回答不会打符号

3 回答不会打符号
搜索更多本课相关问答

代码不会打，

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信