HTML form表单制作，textare设置滚动滑轮

最新推荐文章于 2024-06-20 16:56:39 发布

王者生辉

最新推荐文章于 2024-06-20 16:56:39 发布

阅读量1.1k

点赞数 5

分类专栏： java 文章标签： html

本文链接：https://blog.csdn.net/weixin_50897975/article/details/119441324

版权

java 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

表单式样：

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" method="post">
            <table border="1" cellspacing="0">
                <tr>
                    <td>用户名：</td>
                    <td>
                        <input type="text"/>
                    </td>
                </tr>
                 
                <tr>
                    <td>
                        密码：
                    </td>
                    <td>
                        <input type="password"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        性别：
                    </td>
                    <td>
                        <input type="radio" name="gender"/>男
                        <input type="radio" name="gender"/>女
                    </td>
                </tr>
                <tr>
                    <td>
                        城市：
                    </td>
                    <td>
                        <select name="">
                            <option value="">青岛</option>
                            <option value="">济南</option>
                            <option value="">烟台</option>
                            <option value="">聊城</option>
                            <option value="">临沂</option>
                            <option value="">泰安</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        兴趣爱好：
                    </td>
                    <td>
                        <input type="checkbox"/>音乐
                        <br>
                        <input type="checkbox"/>看书
                        <br>
                        <input type="checkbox"/>爬山
                    </td>
                </tr>
                <tr>
                    <td>
                        自我介绍：
                    </td>
                    <td>
                        <textarea rows="5" cols="20" onchange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
                             
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="checkbox"/>同意该协议
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="提交" />
                    </td>
                    <td>
                        <input type="reset" value="重置" />
                    </td>
                </tr>
 
        </form>
    </body>
</html>

王者生辉

关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
HTML form表单制作，textare设置滚动滑轮

表单式样：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="" method="post"> <table border="1" ce.
复制链接

扫一扫

专栏目录