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如何让table居中。

    要让HTML中的表格居中,可以使用CSS样式,具体操作如下: (图片来源网络,侵删) 1、在<head>标签内添加<style>标签,用于编写CSS样式。 2、在<style>标签内,为<table>元素添加margin: a…

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

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

    2024年6月26日
    00
  • html标签代码大全

    结构性定义 文件类型 <html></html> (放在档案的开头与结尾) 文件主题 <title></title> (必须放在「文头」<head></head>区块内) 文头 <head></head> (描述性…

    2017年11月2日
    0349
  • 聊聊html如何发post请求。

    HTML本身无法直接发送POST请求,因为HTML是一种标记语言,用于描述网页的结构,要发送POST请求,我们需要使用JavaScript(或其他客户端脚本语言)与服务器进行交互,在这篇文章中,我将向您展示如何使用JavaScript…

    2024年6月26日
    00
  • 说说html中如何编辑表格。

    在HTML中编辑表格,可以使用<table>、<tr>、<td>等标签,以下是一个简单的示例: (图片来源网络,侵删) <!DOCTYPE html> <html> <head> <style> table, th, td { bord…

    2024年6月25日
    00
  • 说说html表格如何设置只有一列。

    要在HTML中创建一个只有一列的表格,您可以按照以下步骤操作: (图片来源网络,侵删) 1、使用<table>标签:您需要使用<table>标签来定义一个表格。 2、创建表头:如果需要,可以使用<thead>标…

    2024年6月26日
    00
  • 如何固定html表格不同列宽。

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

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

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

    2024年6月20日
    00

联系我们

QQ:951076433

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