【尚硅谷 Java Web 笔记】表单格式化

最新推荐文章于 2024-06-11 20:48:47 发布
最新推荐文章于 2024-06-11 20:48:47 发布
阅读量202 收藏 1
点赞数
分类专栏： Java Web学习 文章标签： html javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54110690/article/details/122695892
版权

为了让表单的显示更加美观，我们可以对表单进行格式化。

表单的格式化可以借助table——表格来实现。

<!DOCTYPE html>

<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <title>表单格式化</title>
</head>

<body>

<form>
    <h1 align="center">用户注册</h1>
    <table align="center">
        <tr>
            <td>用户名称：</td>
            <td>
                <input type="text"/>
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password"/>
            </td>
        </tr>
        <tr>
            <td>确认密码：</td>
            <td>
                <input type="password"/>
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex"/>男
                <input type="radio" name="sex"/>女
            </td>
        </tr>
        <tr>
            <td>兴趣爱好</td>
            <td>
                <input type="checkbox"/>Java
                <input type="checkbox"/>JavaScript
                <input type="checkbox"/>C++
            </td>
        </tr>
        <tr>
            <td>国籍</td>
            <td>
                <select>
                    <option>---请选择国籍---</option>
                    <option selected>中国</option>
                    <option>美国</option>
                    <option>韩国</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>自我评价</td>
            <td>
                <textarea rows="10" cols="20">（请在以下空白处填写自我评价）</textarea>
            </td>
        </tr>
        <tr>
            <td align="right">
                <input type="reset"/>
            </td>
            <td align="center">
                <input type="submit"/>
            </td>
        </tr>
    </table>
</form>
</body>

</html>

运行结果：

 

端木翠花
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Html（9） - 表单格式化
ShunXiangL的博客
05-30 570
格式化表单中的内容<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --
表单格式化
weixin_33675507的博客
10-30 242
表单格式化，其实我也不想起这个名字的，在前面学习的HTML中有文本格式化，这次的表单和表格的结合不妨叫做表单格式化。 这篇博客用到的HTML主要标签有：<table>标签和<form>标签以及两个标签中所包含的各个小标签。这些标签的使用和效果在前面已经展示过了，就不再啰嗦了。 顾名思义，表单格式化就是将表单的内容以表格呈现。在写...
SpringMVC框架学习笔记（六）：数据格式化(即数据类型转换)、表单数据校验、以及表单中文乱码处理
最新发布
2301_76144723的博客
06-11 710
数据格式化(即数据类型转换)、表单数据校验、以及表单中文乱码处理
HTML表单格式化
weixin_33892359的博客
05-26 232
HTML表单格式化 一、说明 用table布局 二、效果 三、代码 1 &lt;!DOCTYPE html&gt; 2 &lt;html&gt; 3 &lt;head&gt; 4 &lt;title&gt;Form.html&lt;/title&gt; 5 6 &lt;meta name="keywords" content="keyword1,ke
【HTML】表单标签，表单的格式化
林伊的博客
12-08 1106
表单标签 表单就是html页面中，用来收集用户信息的所有元素集合，然后把这些信息发送给服务器。 <form></form>是表单标签 <input type=“text”>是单行文本框，value这是默认显示内容； <input type=“password”>是密码文本框，value这是默认显示内容； <input type=“radio”>是单选框，name属性可以对其进行分组，在一个组内才能保证只能选一个，checkde=“chec
格式化表单
想成为工程师的码农
04-22 140
//格式化表单 serializeObject = function(form) { var o = {}; $.each(form.serializeArray(), function(index) { if (o[this['name']]) { o[this['name']] = o[this['name']] + "," + this['v...
【尚硅谷 Java Web 笔记】HTML和CSS
qq_54110690的博客
01-21 1012
目录 1、B/S软件的结构 2、前端的开发流程 3、网页的组成部分 4、HTML简介 5、创建HTML页面 6、HTML的书写规范 7、HTML标签的介绍 8、HTML标签的语法 9、font标签 10、特殊字符 11、标题标签h1-h6 12、超链接标签 13、无序列表 14、lmg标签 15、table标签 16、表格的跨行跨列 17、ifarme标签介绍 18、表单显示 19、表单格式化 20、表单提交的细节 21、其他标签div、span、p 22、C
尚硅谷Spring Boot笔记
TheGreatButton的博客
08-25 333
**一、**Spring Boot 入门 1、Spring Boot 简介 简化Spring应用开发的一个框架； 整个Spring技术栈的一个大整合； J2EE开发的一站式解决方案； 2、微服务 2014，martin fowler 微服务：架构风格（服务微化） 一个应用应该是一组小型服务；可以通过HTTP的方式进行互通； 单体应用：ALL IN ONE 微服务：每一个功能元素最终都是一个可独立替换和独立升级的软件单元； 详细参照微服务文档 3、环境准备 http://www.gulixueyuan.c
Java web
Dexter7的博客
04-24 833
尚硅谷java web零基础入门完整版笔记 变量 什么是变量？ 变量可以存放某些值的内存的命名 JavaScript的变量类型： 数值类型： number 字符串类型： String 对象类型： Object 布尔类型： boolean 函数类型： function JavaScript里特殊的值： undefined 未定义，所有js变量未赋予初始值的时候，默认值都是undefined null 空值 NAN 全称是：Not a Number 非数字，非数值 Js中的定义变量格式
webworkwebwork笔记
10-22
从给定的文件信息来看，这里涉及到的是WebWork框架的学习笔记与配置，以及如何将WebWork与Spring、Hibernate集成在一起的示例。下面，我们将详细地解析这些知识点： ### WebWork框架简介 WebWork是一个开源的Java ...
SpringBoot（尚硅谷）
Xgg0210的博客
06-29 1074
一、Spring与SpringBoot 1、Spring能做什么 1.1、Spring的能力 . 1.2、Spring的生态 web开发 数据访问 安全控制 分布式 消息服务 移动开发 批处理 … . 1.3、Spring5重大升级 a>响应式编程 b>内部源码设计 基于Java8的一些新特性，如：接口默认实现。重新设计源码架构 . . 2、为什么用SpringBoot Spring Boot makes it easy to create stand-alone, product
表单序列化及格式化表单序列化方法
Katerina09的博客
06-27 725
在JavaScript中正常是通过serialize() 和serializeArray()方法来进行表单序列.格式化表单序列化方法
HTML表单格式化示例程序
东东的专栏
09-04 1279
效果展示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang = "zh-CN"> <head> <meta http-equ
HTML学习10：表单格式化
life is wonderful
10-28 2906
表单格式化，其实我也不想起这个名字的，在前面学习的HTML中有文本格式化，这次的表单和表格的结合不妨叫 做表单格式化。        这篇博客用到的HTML主要标签有：标签和标签以及两个标签中所包含的各个小标签。这些标签的使 用和效果在前面已经展示过了，就不再啰嗦了。        顾名思义，表单格式化就是将表单的内容以表格呈现。在写好表单的情况下，用表格将其内容存放。可能我的表述 还不
form 表单格式化成 对象
阿虎的专栏
04-02 2558
jquery 扩展,form 表单格式化成 对象
JQUEY 格式化表单数据转JSON格式
沛元的博客
12-29 308
JQUEY 格式化表单数据转JSON格式原$(selector).serialize() 无法直接通过JSON.stringify() 转成JSON格式(http://www.w3school.com.cn/jquery/ajax_serialize.asp)//格式化 var prejson=$("#Form").serializeObject(); //等到JSON格式数据 var json=J
HTML 表单格式化
Ethon自动化测试
01-02 886
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;用户注册&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table border="1px"
Element-UI 格式化表单文本内容
一碗清深的博客
05-17 384
本文效果通用于其它形式文本格式化，此处以 Element 表单为例。
对form:input标签中的数字进行格式化
qq_29662201的博客
06-15 7201
单独使用&lt;fmt:formatNumber&gt;标签，在var中设置名称，再在&lt;form:input&gt;中通过value引用&lt;fmt:formatNumber&gt;&lt;fmt:formatNumber type="number" value="${kyConsultantContract.contractValue}" pattern="#.00" var=&am
尚硅谷java基础笔记
07-11
### 回答1： 尚硅谷Java基础笔记是一套系统而全面的Java基础学习资料。这份笔记从Java语言的基本概念介绍开始，涵盖了Java的核心知识点，包括变量、数据类型、运算符、流程控制等。接着，笔记详细讲解了面向对象编程的特点和Java中的类、对象、封装、继承、多态等内容。 在这份笔记中，还深入讨论了Java中的常用类库，如String、ArrayList、HashMap等，以及它们的常见用法和实例操作。此外，笔记还介绍了常见的异常处理机制，包括try-catch语句、throw和throws关键字等，帮助学习者理解并掌握Java中的错误和异常处理。 除了基础知识的讲解，尚硅谷Java基础笔记还提供了大量的例子和练习题，帮助学习者巩固所学内容，并通过实践提高编程能力。这些例子和练习题涵盖了各个知识点和应用场景，从简单到复杂，逐渐深入，非常有助于学习者的理解和应用能力的提升。 总而言之，尚硅谷Java基础笔记是一份详细、系统、易懂的学习资料，适合初学者入门学习Java编程。无论是对于零基础的学习者还是对于有一定编程经验的人来说，这份笔记都是一份不可多得的宝藏，可以帮助他们夯实Java基础，掌握编程技巧，为进一步扩展知识奠定坚实的基础。 ### 回答2： 尚硅谷java基础笔记是一份完整而详细的教程，对于初学者来说是一个很好的学习资源。 这份笔记由尚硅谷团队精心编写而成，包含了Java基础的各个方面。首先从Java的历史和应用领域入手，引导读者对Java有一个整体的认识。然后逐步介绍Java的发展环境和使用工具，让读者能够了解如何配置和使用Java开发环境。 接下来，笔记逐个介绍了Java的基本语法、数据类型、运算符、流程控制语句等基础知识。这些内容以简洁明了的方式呈现，附有实例和练习题，让读者可以通过练习巩固所学内容。 除了基础语法，笔记还深入讲解了Java的面向对象编程思想和相关特性，包括类与对象、封装、继承、多态等。这部分内容对于理解Java的核心思想和编程范式非常重要，而且通过实例和案例的讲解，更加直观地展示了面向对象的优势和应用。 此外，笔记还包含了Java的常用类库的介绍，如集合框架、IO流、异常处理等，这些内容对于进行实际开发非常实用。 总之，尚硅谷java基础笔记内容全面、深入浅出，适合初学者学习和巩固基础知识。通过系统地学习这份笔记，读者可以建立起扎实的Java基础，为后续的学习和实践打下坚实的基础。同时，笔记中的案例和练习题也为读者提供了不少实践机会，帮助读者更好地理解和应用所学知识。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值