表格与表单

表格与表单

表格

image-20230227170156816

1
2
3
4
5
6
7
8
<table border="1px">
<tr>
    <td>第1个单元格的内容</td>
    <td>第2个单元格的内容</td></tr>
 <tr>
    <td>第1个单元格的内容</td>
    <td>第2个单元格的内容</td></tr>
</table>

image-20230227170309324

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table border="1px">
    <tr>
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
        <td rowspan="2">张三</td>
        <td>语文</td>
        <td>98</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>95</td>
    </tr>
    <tr>
        <td rowspan="2">李四</td>
        <td>语文</td>
        <td>88</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>91</td>
    </tr>
</table>

表单

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
method: 规定如何发送表单数据常用值,get,post
   在实际网页开发中通常采用post方式提交表单数据
action: 表示向何处发送表单数据
<form method="post" action="1.php">
<p>
名字：<input name="name" type="text" >
</p>
<p>
密码：<input name="pass" type="password" >
</p>
<p>
    <input type="submit" name="button" value="提交"/>
    <input type="reset" name="reset" value="重填"/>
</p>
</form>

表单元素

1、 文本框

1
2
3
4
5
6
type="text"
name：文本框名称(必填)
value：文本框初始值
size：文本框长度
maxlength：文本框可输入最多字符
<input  type="text"  name="user" value="用户名" size="30" maxlength="20"/>

2、 密码框

1
2
3
4
type="password"
name：密码框名称(必填)
size：密码框长度
<input type="password" name="pass" size="20"/>

3、 单选按钮

1
2
3
4
5
6
type="radio"
name：单选框名称(必填)，一组的名称需要相同
checked：单选按钮选中状态
value：单选框的值
<input name="g" type="radio" value="男" checked />男
<input name="g" type="radio" value="女" />女

4、复选框

1
2
3
4
5
6
7
type="checkbox"
name：复选框名称(必填)，一组的名称需要相同
checked：复选按钮选中状态
value：复选框的值
<input type="checkbox" name="interest" value="sports"/>运动
<input type="checkbox" name="interest" value="talk" checked />聊天
<input type="checkbox" name="interest" value="play"/>玩游戏

5、下拉列表框

1
2
3
4
5
6
select:下拉列表框
option：选项
<select name="列表名称" size="行数">
  <option value="选项的值" selected="selected">…</option >
  <option value="选项的值">…</option >
</select>

6、按钮

1
2
3
4
5
6
重置按钮
<input  type="reset" name="butReset" value="reset按钮">
提交按钮
<input  type="submit" name="butSubmit" value="submit按钮">
普通按钮
<input  type="button" name="butButton" value="button按钮"/>

联动PHP

1
2
3
4
5
6
7
<?php
$id=@$_GET['id'];
echo $id;
if(!$id){
	echo "please insert ?id=";
}
?>