java Web 入门到实战 1.1.4实践环节——制作调查问卷

最新推荐文章于 2024-01-29 12:10:10 发布

暖暖落辰

最新推荐文章于 2024-01-29 12:10:10 发布

阅读量533

点赞数 3

文章标签： java 前端开发语言 web

本文链接：https://blog.csdn.net/qq_60315095/article/details/133180036

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> practice1_1</title>
</head>
<body>
<h2 >调查问卷</h2>
<form action="" enctype="multipart/form-data" “method="post"”>
      姓名<input type="text" name="usename" style="margin-bottom:10px;margin-left:55px" /><br>
      性别<input type="radio" value="mile" name="sex" style="margin-bottom:10px;margin-left:55px"checked/>男
          <input  type="radio" value="femile" name="sex" style="margin-bottom:10px"/>女
          <br>
      所在地
            <select name="country" style="margin-bottom: 10px;margin-left: 37px" >
                <option value="xuliya"selecteded>叙利亚
                <option value="China">中国
                <option value="US">美国
            </select>
        <br>
      喜欢的歌手
            <input type="checkbox" value="zhangsan" name="singer" style="margin-bottom:10px" checked/>张三
            <input type="checkbox" value="lisi" name="singer"  checked/>李四
            <input type="checkbox" value="wangwu" name="singer" />王五
            <input type="checkbox" value="dalianyige" name="singer" />大连一哥
        <br>
      你的靓照<input type="file" name="filename" style="margin-left:25px"/>
        <br>
    <table>
        <tr>
            <td rowspan="7" align="center">个人描述</td>
            <td>
                <textarea name="文本区的描述" rows="7" cols="12" style="margin-left:18px"/></textarea>
            </td>
        </tr>
    </table>
        <br>
           <input type="submit" value="提交"/>
           <input type="reset" value="重置"/>
</form>
</body>
</html>

本题结合书上的内容，大致还是能弄出来的，唯一麻烦点就是要自己弄尺寸，其实我是参考了一下网上，或者把整个内容都用table表格来实现，就不用考虑这么多，如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> practice1_1</title>
</head>
<body>
<h2 >调查问卷</h2>
<form action="" enctype="multipart/form-data" method="post">
    <table>
        <tr>
            <td>姓名</td>
            <td>
                <input type="text" value="" name="userName"/>
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" value="male" name="sex" checked/>男
                <input  type="radio" value="female" name="sex"/>女
            </td>
        </tr>

      <tr>
          <td>所在地</td>
          <td>
            <select name="country"  >
                <option value="xuliya"selecteded>叙利亚
                <option value="China">中国
                <option value="US">美国
            </select>
          </td>
      </tr>

      <tr>
          <td>喜欢的歌手</td>
          <td>
            <input type="checkbox" value="zhangsan" name="singer" style="margin-bottom:10px" checked/>张三
            <input type="checkbox" value="lisi" name="singer"  checked/>李四
            <input type="checkbox" value="wangwu" name="singer" />王五
            <input type="checkbox" value="dalianyige" name="singer" />大连一哥
          </td>
      </tr>

        <tr>
            <td>你的靓照</td>>
            <td>
                <input type="file" name="filename"/>
            </td>
        </tr>>

        <tr>
            <td rowspan="7" align="center">个人描述</td>
            <td>
                <textarea name="文本区的描述" rows="7" cols="12" ></textarea>
            </td>
        </tr>
    </table>
           <input type="submit" value="提交"/>
           <input type="reset" value="重置"/>
</form>
</body>
</html>