博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html表单
阅读量:2433 次
发布时间:2019-05-10

本文共 1541 字,大约阅读时间需要 5 分钟。

1、html中的表格使用的是<table></table>

表格中的行用<tr></tr>
表格中的列用<td></td>
对于表格中想合并的单元格,在标签中可以使用属性colspan合并列rowspan合并行
实现的基本表格如下:

			
homework_629_2
学生基本信息表
学号 个人信息 入学信息
姓名 性别 年龄 班级 入学年月
001 张永 18 20020101 2000年9月
002 王芳 17 20020101 2000年9月

效果如下:

在这里插入图片描述
2、对于多功能的表单有如下几项:
(1)对于文本输入框使用的是:<input />其属性有type,type为text输入的为文本,为password是密码,输入的时候不可见,是圆点。
(2)下拉列表框使用select标签,如:

城市:			

(3)对于单选框,使用的是仍然是input标签,只不过标签选用的是radio

性别:

(4)多选框使用的是input标签中的type为checkbox

爱好:			篮球			rap

这其中使用了相同的name值是为了传给服务器的时候方便接受,value不同是 为了分类。

(5)提交表单

(6)重置表单

综合项目如下:

			
homework_629_3

用户留言簿


用户名: 密码:
电子信箱: 民族:
性别: 爱好: 篮球 rap
留言:

效果如下:

在这里插入图片描述

转载地址:http://hptmb.baihongyu.com/

你可能感兴趣的文章
jQuery自定义动画
查看>>
Spring-data-redis在shiro中的实例
查看>>
GUN C中__attribute__作用
查看>>
3、系统调用之SYSCALL_DEFINE分析
查看>>
linux的signal_pending及signal
查看>>
OBJDUMP用法
查看>>
c/cplusplus通用makefile
查看>>
JavaScript-密码强度
查看>>
【SSH】1366-InCorrect string value:'\xE9\x99\x88\xE6\x96\xB0...'for column 'name' at row 1
查看>>
SpringCloud前身之微服务
查看>>
纵览全局——SSH
查看>>
纵览全局——Mybatis
查看>>
PC端-中文转拼音后续问题
查看>>
第七章-面向对象技术
查看>>
Mybatis-略识之无
查看>>
ionic 前端 - 汉字转拼音
查看>>
Ionic-与时间有关的故事-localecompare()
查看>>
Logback-spring.xml日志配置
查看>>
[Vue warn]: Property or method "name" is not defined on the instance but referenced during render
查看>>
ts:json串转换成数组
查看>>