html简单表单

最新推荐文章于 2023-07-14 19:00:42 发布
最新推荐文章于 2023-07-14 19:00:42 发布
阅读量120 收藏
点赞数
文章标签： xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58559718/article/details/126977677
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="files/style.css" rel="stylesheet">
    <style>
        form{
            background-color: crimson;
        }
        
    </style>
</head>
<body>
<form  action="#" method="get">
    <table  align="center" cellspacing="0" border="1" width="800" cellpadding="20">
        <tr>
            <th colspan="2">用户信息表</th>
        </tr>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username" placeholder="请输入用户名"/></td>
        </tr>
        <tr>
            <td>测试文本框 没有name属性</td>
            <td><input type="text"  placeholder="请输入用户名"/></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="password" placeholder="请输入密码"/></td>
        </tr>
        <tr>
            <td>性别</td>
            <td><input type="radio" name="gender" value="1" checked/>男 <input type="radio" name="gender" value="0" />女</td>
        </tr>
        <tr>
            <td>爱好</td>
            <td><input type="checkbox" name="hobbies" value="java"/>java<br/>
                <input type="checkbox" name="hobbies" value="game"/>游戏<br/>
                <input type="checkbox" name="hobbies" value="study"/>学习<br/></td>
        </tr>
        <tr>
            <td>文件域</td>
            <td><input type="file"  name="myFile"/></td>
        </tr>
        <tr>
            <td>文本域</td>
            <td><textarea></textarea></td>
        </tr>
        <td>地址</td>
        <td>省：<select name="province">
            <option value="0" selected>--请选择--</option>
            <option value="1" selected>河南省</option>
            <option value="2" selected>四川省</option>
            <option value="3" selected>安徽省</option>
            <option value="4" selected>云南省</option>
        </select>
        市：<select name="city" ><option value="0" selected>--请选择--</option>
                <option value="1" selected>河南省</option>
                <option value="2" selected>四川省</option>
                <option value="3" selected>安徽省</option>
                <option value="4" selected>云南省</option></select>
           区： <select name="street" ><option value="0" selected>--请选择--</option>
                <option value="1" selected>河南省</option>
                <option value="2" selected>四川省</option>
                <option value="3" selected>安徽省</option>
                <option value="4" selected>云南省</option></select>
        </td>
        <input type="hidden"  name="id" value="10"/>
        <tr>
            <td colspan="2"><input id="" type="submit" value="提交"/></td>
        </tr>
        <tr>
            <td colspan="2"><input type="reset"  value="重置"/></td>
        </tr>
        <tr>
            <td colspan="2"><input type="button"  value="普通按钮"/></td>
        </tr>
        
    </table>
</form>
</body>
</html>

-水晶之恋-
关注
html 表单练习综合案列（简单易上手）
only_long的博客
07-03 2601
我们要求掌握表单语法后完成下列案列操作附上源码仅供参考，不具实际意义上的完美
html实现表单数据收集,HTML表单
weixin_39957934的博客
06-07 1457
form表单有什么作用？有哪些常用的input 标签，分别有什么作用？１．form表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。２．常用input标签有:text定义用于文本输入的单行输入字段(默认宽度为20个字符)；password定义密码字段；submit定义用于向表单处理程序提交表单的按钮；number用于应该包含数字值的输入字段；butt...
HTML- 表单(简单易懂）
m0_60187384的博客
12-06 3701
表单：表单主要用来制作动态网页，方便和用户进行交互 表单语法： <form method=" " action=" " enctype="multipart/form-data"></form> enctype:在表单中使用文件域时，必须设置表单的“enctype”编码属性为“multipart/form-data”，表示将表单数据分为多部分提交。 method值可以为：get/post action表示向何处发送表单数据 表单元素： 语法： <input t.
html简易表单
zhanghanqmx的博客
03-10 193
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <h1>Simple Form</h1> <title></title> </head> <body> <form action="../index.html" method="post"> <input type="hidden" v
HTML表单_简洁版
qq_43517448的博客
11-09 252
HTML表单： disabled:表示禁用 type: ​ 规定 input 元素的类型。按钮,复选框,⽂件,隐藏域,图像形按钮,密码,单选框,重置按钮,提交按钮,⽂本 ​ button ​ checkbox ​ file ​ hidden ​ image ​ password ​ radio ​ reset ​ submit ​ text 注意： 没有name属性的属性是⽆法提交到后台的！！！！ Radio单选按钮以name相同为⼀组。 Checkbox复选按钮以name相同为⼀组。 &l
HTML——表单详解
最新发布
wshwsh_的博客
07-14 1万+
HTML——表单的详细解析
【HTML】HTML实现简单表单（不含验证）
A Lucky Boy的博客
02-19 4853
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>这是.
html5formgenerator:创建 HTML5 表单的简单方法
07-02
通过使用我们的 html5 表单生成器，任何人都可以使用 html5 和 css3 以简单的方式创建 html 表单。 每当使用 html5 和 css3 代码进行正常的 html 表单设计时，您需要多次完成它并且在开发过程中可能会出现许多问题...
HTML --- 表单
naoguoteng的博客
10-12 1987
1.表单的用途2.表单的工作原理3.表单中的各种标签 表单标签 form、输入标签 input、文本文框标签 textarea、下拉框标签 select、按钮标签 button 4.表单实例 表单在网页上用来给访问者填写信息的，从而获得用户信息，使用网页进行交互的功能。就像日常生活中统计信息的信息表一样。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP或者Cgi等处理后，再将用户所需的信息传送给客户端的
【实用】HTML的简单示例（表单篇）
Mankey_24的博客
10-09 6155
效果如下： 代码内容： <html> <head> <title>增加管理员</title> <meta charset="utf-8"> </head> <body> <form action="" method="GET"> <table> <thead>&
html 简单表格制作（看了它足以应对大部分表格）
yunduan__的博客
11-14 1万+
首先制作一个表格我们要知道一张简单表格是由二部分组成分别是表头，表身。 下面就是一个简单的表格。 每个表格由 table 标签开始。 每个表格行由 tr 标签开始。 每个表格数据由 td 标签开始。如下图 <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> &lt...
简易注册表单（HTML）
每天一个前端小知识~
08-13 9993
HTML：用于搭建基础网页，展示页面的内容 下面利用HTML的知识实现注册表单 效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <form action="#" method="get"> <h3 al
Html简单表单案例
Zwousika的博客
10-09 1315
Html5 表单 首先在html中 &lt;title&gt;鸭鸭鸭&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="css/demo.css"/&gt;/* 设置超链接*/ &lt;/head&gt; &lt;body&gt; &lt;div class="b
HTML-简单表单制作
weixin_43614787的博客
11-26 6258
模板 &lt;!DOCTTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; //此处为输入文本格式，避免乱码现象 &lt;title&gt;此处输入内容&lt;/title&gt; &lt;style type="text/css"&
HTML学习 —常用表单及简单实例
weixin_67614925的博客
05-06 1853
文章目录常用表单介绍简单实例 常用表单介绍 show code： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi
html制作简单的表单＜form＞
isfor_you的博客
09-22 6383
文章目录一、使用到的标签用法介绍1.演示标签代码2.标签使用具体介绍二、表单制作代码三、结果显示 一、使用到的标签用法介绍 1.演示标签代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="/demo/demo_form.asp">
做一个简单的HTML表单讲解吧
Tcontinuous的博客
05-09 5578
项目八表单............................................................................................................. 1学习目标：..................................................................................
Html简易表单制作
昝志立的博客
09-12 6166
（以百度注册表单为例）简易表单制作
html简单的表单制作
胖橘爱吃小白粥
05-19 1578
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <form action="http://www.baidu.com method="post"> ...
HTML基础：创建简单表单示例
总结来说，这段代码展示了如何使用HTML5创建一个包含多种输入类型的简单表单，用户可以通过这个表单向服务器提交个人信息。通过理解这些元素及其属性，开发者可以构建功能丰富的Web表单，提升用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值