form是html的基本结构,HTML表单

左手的ㄟ右手 2022-10-09 05:55 176阅读 0赞

表单基础结构

表单语法

![f53b9050bf88][]

截屏2020-07-06下午4.14.19.png

![f53b9050bf88][]

截屏2020-07-06下午4.14.48.png

标签

![f53b9050bf88][]

截屏2020-07-06下午4.16.07.png

![f53b9050bf88][]

截屏2020-07-06下午4.16.48.png

姓名：

密码：

![f53b9050bf88][]

截屏2020-07-06下午4.21.26.png

单行文本域

![f53b9050bf88][]

截屏2020-07-06下午4.43.20.png

![f53b9050bf88][]

截屏2020-07-06下午4.48.32.png

按钮

![f53b9050bf88][]

截屏2020-07-07上午9.43.47.png

图像域和隐藏域

图像域(图像提交按钮)

![f53b9050bf88][]

截屏2020-07-07上午9.50.44.png

隐藏域

![f53b9050bf88][]

截屏2020-07-07上午10.05.10.png

隐藏域的内容用户看不到，按提交按钮后该内容提交到服务器

<table> 
 <tbody> 
 <tr> 
 <td align="right">姓名：</td> 
 <td></td> 
 </tr> 
 <tr> 
 <td align="right">邮箱：</td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td align="right">密码：</td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td align="right">确认密码：</td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td align="right">上传照片：</td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td align="right">性别：</td> 
 <td> 男 女保密</td> 
 </tr> 
 <tr> 
 <td align="right">爱好：</td> 
 <td> 游泳跑步跳舞</td> 
 </tr> 
 <tr> 
 <td align="right">城市：</td> 
 <td>--请选择--北京天津福建厦门上海广州郑州嘉兴北京天津福建厦门上海广州郑州嘉兴</td> 
 </tr> 
 <tr> 
 <td align="right"></td> 
 <td> </td> 
 </tr> 
 </tbody> 
</table>

下拉菜单和列表标签

![f53b9050bf88][]

截屏2020-07-07上午10.13.40.png

下拉菜单和列表标签

![f53b9050bf88][]

截屏2020-07-07上午10.14.44.png

标签属性

![f53b9050bf88][]

截屏2020-07-07上午10.23.48.png

下拉菜单分组

![f53b9050bf88][]

截屏2020-07-07上午10.30.35.png