JavaScript表格、表单

HTML表格标签有三个:

1、<table>标签:用于标识一个表格对象开始

2、<tr>标签:用于标识一行开始

3、<td>标签:用于标识某行一个单元格的开始

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格基本结构</title>
</head>
<body>
    <table BORDER="1">
        <tr>
            <td>A1</td>
            <td>A2</td>
            <td>A3</td>
        </tr>
        <tr>
            <td>A2</td>
            <td>B2</td>
            <td>C2</td>
        </tr>
    </table>
</body>
</html>

表单:表单的基本语法格式如下:

<form action='url' method='get|post' enctype='mime'></form>

其中,action用于指定处理提交表单格式,它可以是一个URL地址或电子邮件地址,method用于指明提交表单的HTTP方法。enctype用于指明把表单提交给服务器时的互联网媒体形式。表单是一个能够包含表单元素的区域。通过添加不同的表单元素,将显示不同的效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户意见页面</title>
</head>
<body>
<h1 align="center">用户意见反馈表</h1>
<form method="post">
    <p>姓&nbsp;&nbsp;&nbsp;&nbsp;名:
        <input type="text" class="txt" size="12" maxlength="20" name="username" />
    </p>
    <p>性&nbsp;&nbsp;&nbsp;&nbsp;别:
        <input type="radio" value="male" />男
        <input type="radio" value="female" />女
    </p>
    <p>年&nbsp;&nbsp;&nbsp;&nbsp;龄:
        <input type='text' class="txt" name="age"/>
    </p>
    <p>联系电话:
        <input type='text' class="txt" name="tel"/>
    </p>
    <p>电子邮件:
        <input type='text' class="txt" name="mail"/>
    </p>
    <p>联系地址:
        <input type='text' class="txt" name="add"/>
    </p>
    <p>请输入您对网站的建议<br>
        <textarea name="yourworks" cols="50" rows="5"></textarea>
        <br>
        <input type="submit" name="submit" value="提交"/>
        <input type="reset" name="reset" value="清除"/>

    </p>

</form>
</body>
</html>
View Code

 

posted @ 2019-05-15 16:52  莒州豪侠  阅读(302)  评论(0编辑  收藏  举报