需要一个HTML模板,用来做简单的表单数据录入

html-css09

需要一个HTML模板,用来做简单的表单数据录入,第1张

HTML做个数据录入的模板。如下参考:

1、首先新建一个html,点击<body></body>中间,先填入表格内容:

2.内容可根据要求编写,示例代码如下:

<table>

<p style="text-align:center ">功课表</p>

<tr>

<th>语文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>数学</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3.然后在<head></head>中间输入样式表的样式,如下图:

4.样式也可以根据个人需要设置,设置单元格的宽度高度,合并单元格,位置,颜色等,示例代码如下:

<style type="text/css">

body

{

width:340px

height:800px

}

table

{

border-collapse:collapse

}

th,td

{

width:100px

height:40px

border:1pxsolidblack

font-size:12px

text-align:center

}

</style>

5.注意,此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。

6.预览结果如下图所示,一个制作简单的HTML模板。

input中有一个属性 placeholder,设置一下值就可以了,具体代码如下:

<input type="text" name="username" placeholder="用户名/邮箱/手机号" /><input type="text" name="password" placeholder="密码" />

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)。

HTML 不是一种编程语言,而是一种标记语言 (markup language)。

标记语言是一套标记标签 (markup tag)。

HTML 使用标记标签来描述网页。

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如 <html>。

HTML 标签通常是成对出现的,比如 <b>和 </b>。

标签对中的第一个标签是开始标签,第二个标签是结束标签。

开始和结束标签也被称为开放标签和闭合标签。

html表格只是作为显示数据的一种形式,你要做到能在其中填写数据,必须在相对应的td行内添加input标签,input=text标签是专门的文本输入框标签,添加后你就可以在相应的table中td行内进行写数据了