JavaScript表格、表单

最新推荐文章于 2023-10-15 16:31:03 发布

weixin_34023982

最新推荐文章于 2023-10-15 16:31:03 发布

阅读量117

点赞数

原文链接：http://www.cnblogs.com/sunqichen/p/10870511.html

版权

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>

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

其中，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

转载于:https://www.cnblogs.com/sunqichen/p/10870511.html

weixin_34023982

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript表格、表单

HTML表格标签有三个：1、<table>标签：用于标识一个表格对象开始2、<tr>标签：用于标识一行开始3、<td>标签：用于标识某行一个单元格的开始<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
复制链接

扫一扫