`
mutongwu
  • 浏览: 452530 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

简单表单

    博客分类:
  • CSS
阅读更多
fieldset{
	border: 1px solid green;
}
legend{
	font-weight:bold;
}
label{
	/*
		启用该规则,标签将显示在输入框上面
	display:block;
	*/
	/*启用下面的规则,标签将显示在输入框的左边,并具有了宽度*/
	float:left;
	width:10em;
	
	/*text-align:center;*/
}
input[type="text"]{
	width:200px;
}
/*IE6不支持属性选择*/
input.radio{
	width:auto;
	float:left;
	margin-right:1em;
}
input:focus{
	background-color:#ffc;
}

<div>
	<form >
		<fieldset>
			<legend>some thing</legend>
			<p>
				<label for="name">名称 </label>
				<input type="text" name="name" />
			</p>
			<p><label for="email">邮箱 </label>
				<input type="text" name="email" /></p>
			<p>
				<input id="remember-yes" type="radio" value="yes" 
					class="radio" name="remember" checked="true"/>
				<label for="remember-yes">Yes</label>
				<input id="remember-no" type="radio" value="no" 
					class="radio" name="remember"/>
				<label for="remember-no">No</label>
			</p>
		</fieldset>
	</form>
</div>



  • 大小: 1.7 KB
分享到:
评论

相关推荐

    vfp简单表单应用

    在“vfp简单表单应用”这个主题中,我们将深入探讨如何利用VFP来创建和操作表单,这对于初学者来说是学习数据库交互的基础。 1. **表单的概念**:在VFP中,表单(Form)是用来组织和展示数据的窗口,用户可以通过...

    form_php简单表单验证页面_

    本项目名为“form_php简单表单验证页面”,显然它是一个面向初学者的实例,旨在教授如何使用PHP进行基本的表单数据验证。 在Web应用中,表单验证是必不可少的一环,它用于确保用户提交的数据符合预期的格式和规则,...

    登陆简单界面描述,QQ登录简单表单,可视化表单.html

    登陆简单界面描述,QQ登录简单表单,可视化表单。 从六十年代起,由ARPA提供经费,联合计算机公司和大学共同研制而发展起来的ARPAnet网络。最初,ARPAnet主要是用于军事研究目的,它主要是基于这样的指导思想:网络...

    html、js简单表单验证

    "html、js简单表单验证"这个主题涉及到的是使用HTML5的内置验证机制以及JavaScript进行客户端的表单验证。下面将详细讲解这两个方面的知识。 首先,HTML5提供了一些内置的表单验证属性,比如`required`、`pattern`...

    原生js简单表单验证插件特效源码.zip

    在提供的压缩包"原生js简单表单验证插件特效源码.zip"中,132687015034188698可能是源码文件的ID或者哈希值,无法直接提供文件内容。通常,这样的源码文件会包含JavaScript代码文件、HTML示例文件以及可能的CSS样式...

    简单的表单验证

    "简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的验证功能。在不依赖服务器的情况下,JavaScript可以在用户提交表单前实时检查输入内容,提升用户体验并减轻服务器负担。 ...

    JQUERY简单表单验证,不错的。个人在用。

    JQUERY简单表单验证,不错的。个人在用。

    HTML5简单清新的登录表单

    这个"HTML5简单清新的登录表单"示例是利用HTML5的新特性创建的一个用户界面元素,旨在提供一个既美观又实用的登录体验。下面将详细探讨相关知识点。 1. **语义化标签**:HTML5引入了若干语义化的标签,如`&lt;header&gt;`...

    简单的form表单模板

    本文将深入探讨“简单的form表单模板”及其相关知识点。 首先,我们需要了解HTML中的`&lt;form&gt;`标签。它是创建表单的基础,用于定义用户输入数据的区域。例如: ```html &lt;!-- 表单内容 --&gt; ``` 在这个例子中,`...

    PHP_万能表单+7.7.5.zip

    1. **拖放式表单构建**:用户可以通过简单的拖放操作来添加和配置表单字段,如文本框、复选框、单选按钮、下拉菜单等。 2. **数据验证**:支持多种验证规则,确保用户提交的数据符合预设的格式和要求,例如邮箱格式...

    SAP ABAP ALV教程

    简单表单包含一系列不分层次的用户自定义的列,而层次表包含列表头以及它的子行,一个列表头的关键行能带出它下面的一些列项目。 ALV的功能包括: * 快捷工具栏:细节按钮、按升序排列、按降序排列、设置过滤器、...

    javascript简单表单验证

    本文将深入探讨如何使用JavaScript进行简单的表单验证,确保用户输入的数据符合预设的规范。表单验证是提高用户体验和网站安全性的重要手段,避免无效或错误的数据提交到服务器。 首先,我们需要了解HTML表单的基本...

    javascript简单表单验证小实验借鉴.pdf

    在本实验中,我们探讨了如何使用JavaScript进行简单的表单验证,确保用户输入的有效性。 HTML页面由一系列元素组成,形成一棵文档树。`&lt;script&gt;`标签用于将JavaScript代码嵌入到HTML文档中。在JavaScript中,可以...

    js表单验证(简单)

    本教程将聚焦于JavaScript的简单表单验证方法。 一、表单验证的重要性 表单验证可以预防无效数据的提交,减少服务器的负担,提升用户体验。例如,要求用户必须填写电子邮件地址,确保格式正确;或者要求密码强度,...

    简单表单校验

    校验表单,支持远程校验

    form_designer:Django的简单表单设计器

    表单设计器-Django的简单表单设计器 这个表单设计者不会尝试通过管理界面而不是直接在Python代码中提供Django表单的所有最后配置可能性。 相反,它致力于成为每个人都可以立即使用的工具,而无需冗长的解释。 它提供...

    格子表单:基于 GRID 布局的简单表单工具(包含可视化设计器、渲染器),默认组件库为 Naive UI,同时支持 .zip

    【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 ... 【项目质量】: 所有源码都经过严格测试,...

    JQ 表单认证 简单易懂

    以上就是使用jQuery实现简单表单认证的基本步骤。通过结合HTML、CSS和jQuery,你可以创建功能丰富的、具有用户友好的表单验证机制。当然,这只是基础,实际项目中可能还需要考虑防止跨站脚本攻击(XSS)、SQL注入等...

    react-native-formo:为React Native构建基于模型的简单表单

    为React Native构建基于模型的简单表单 目的 在React Native上生成跨平台移动表单字段 跟踪状态和值的能力 用预定义值加载表单 支持嵌套表格和验证 入门 安装 npm i react-native-form0 --save 用法 将表单架构定义...

Global site tag (gtag.js) - Google Analytics