php基础html表格与表单(附代码)

表格:table

以行和列的形式展示网页的内容。

<table>

<tr><td>序号</td><td>姓名</td></tr>

<tr><td>1</td><td>张三</td></tr>

<tr><td>2</td><td>李四</td></tr>

<tr><td>3</td><td>王五</td></tr>

</table>

 

表单:form,接收和发送数据的。

<html>

<head><title>XXX 用户注册</title></head>

 

<body style="margin-left:auto; margin-right:auto; text-align:center;">

<form action="doregister.php" method="post">

<table align="center">

<caption><h3>用户注册</h3></caption>

<tr><th>用户名:</th><td><input name="loginid" id="loginid" value="请输入用户名" style="color:gray;" /></td></tr>

<tr><th>密码:</th><td><input type="password" /></td></tr>

<tr><th>确认密码:</th><td><input type="password" /></td></tr>

<tr><th>昵称:</th><td><input type="text" /></td></tr>

<tr><th>性别:</th><td><input type="radio" id="sex" name="sex" />男<input name="sex" type="radio" id="sex" checked />女

<input type="radio" name="ir" id="ir" />1

<input type="radio" name="ir" id="ir" />2

</td></tr>

<tr><th>喜欢的颜色:</th><td>

<select>

<option>--红色--</option>

<option selected>==请选择==</option>

<option>--绿色--</option>

<option>--蓝色--</option>

</select>

</td></tr>

<tr><th>爱好:</th><td><input type="checkbox">玩电脑

<input type="checkbox" checked>看书

<input type="checkbox">做运动

</td></tr>

<tr><th>个人简介:</th><td>

<textarea rows="4"></textarea>

</td></tr>

<tr><td></td><td>

<input type="submit" value="提交">

<input type="reset" value="重置">

<input type="button" value="取消">

</td></tr>

</table>

</form>

</body>

</html>

php基础html表格与表单(附代码)

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/2971.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2017年10月24日 08:28
下一篇 2017年10月24日 12:43

相关推荐

  • 我来分享html手机网页制作。

    HTML手机网站的制作可以分为以下几个步骤: 1. 确定网站的目标和内容:你需要明确你的手机网站的目标是什么,以及你想要展示的内容是什么,这包括确定网站的主题、功能和页面结构等。 2. 设计网站的布局和样式:在…

    2024年6月28日
    04
  • 关于腾讯视频网页前面加什么代码。

    在腾讯视频负责HTML的工作通常涉及到网页的构建、维护和优化,这包括编写符合标准的HTML代码,确保页面在不同浏览器和设备上正常显示,以及与CSS和JavaScript等其他技术配合使用以实现更丰富的用户交互体验,以下是…

    2024年6月23日
    02
  • 分享如何自学html。

    HTML(HyperText Markup (图片来源网络,侵删) Language,超文本标记语言)是用于创建网页的标准标记语言,它可以用来组织网页的内容,包括文本、图片、链接等元素,学习 HTML 对于想要成为前端开发人员或者想要…

    2024年6月25日
    02
  • 简述采用table布局的优缺点 为什么不用table布局。

    div布局和table布局有什么不同? DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE…

    2024年6月20日
    01
  • DIV CSS字体居中实现DIV文字水平左右居中

    DIV CSS字体居中实现DIV CSS文字水平左右居中-css+div字体文字内容居中篇 使用DIV CSS实现字体居中的CSS样式单词为text-align,其值为center(居中)。 语法如下: div{text-align:center;}/*文字水平居中对齐*/ 这…

    2017年11月2日
    0338
  • 如何固定html表格不同列宽。

    在HTML中,我们通常使用<table>, <tr>, <td>或<th>元素来创建表格,默认情况下,表格的列宽会根据内容自动调整,这可能会导致表格在不同设备或窗口尺寸下显示不一致,为了固定不同列的宽度…

    2024年6月25日
    04
  • 小编教你html如何制作跨行跨列表格。

    在HTML中,制作跨行跨列表格的方法主要有两种:使用表格标签(table)和CSS样式,下面将详细介绍这两种方法的实现过程。 (图片来源网络,侵删) 1、使用表格标签(table) 表格标签是HTML中用于创建表格的基本元素…

    2024年6月26日
    04
  • 聊聊如何创建html项目。

    创建一个HTML项目是一个相对简单的过程,主要包括以下几个步骤: (图片来源网络,侵删) 1、创建项目文件夹 2、编写HTML文件 3、添加CSS样式 4、添加JavaScript交互 5、测试和发布 接下来,我将详细解释每个步骤。…

    2024年6月26日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息