HTML表单样式

最新推荐文章于 2024-07-10 21:37:49 发布
最新推荐文章于 2024-07-10 21:37:49 发布
阅读量115 收藏
点赞数
文章标签： java javascript ViewUI
原文链接：http://www.cnblogs.com/zcl1224/p/4156384.html
版权

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>表单样式</title>
<script type="text/javascript">
function altRows(id){
if(document.getElementsByTagName){

var table = document.getElementById(id);
var rows = table.getElementsByTagName("tr");

for(i = 0; i < rows.length; i++){
if(i % 2 == 0){
rows[i].className = "evenrowcolor";
}else{
rows[i].className = "oddrowcolor";
}
}
}
}

window.οnlοad=function(){
altRows('alternatecolor');
}
</script>

<style type="text/css">
table.altrowstable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #a9c6c9;
border-collapse: collapse;
}
table.altrowstable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
}
table.altrowstable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9;
}
.oddrowcolor{
background-color:#d4e3e5;
}
.evenrowcolor{
background-color:#c3dde0;
}
</style>

</head>

<body>
<table class="altrowstable" id="alternatecolor">
<tr>
<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
<tr>
<td>Text 3A</td><td>Text 3B</td><td>Text 3C</td>
</tr>
<tr>
<td>Text 4A</td><td>Text 4B</td><td>Text 4C</td>
</tr>
<tr>
<td>Text 5A</td><td>Text 5B</td><td>Text 5C</td>
</tr>
</table>
</body>
</html>

转载于:https://www.cnblogs.com/zcl1224/p/4156384.html

weixin_30457065
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html好看的输入框格式,一款漂亮的表单输入框样式
weixin_39553757的博客
06-04 2174
/p>Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">一款漂亮的表单输入框样式*{margin:0;padding:0;}body{font-size:63%;color:#000;}.input_on{padding:2px 8px 0pt 3px;height:18px;border:1px solid...
HTML表格表单
qq_55636063的博客
05-08 1587
HTML表格表单
漂亮的表单验证样式，纯HTML
03-27
漂亮的表单验证样式 纯HTML 单个文件 实用
表单html样式,css
weixin_42117150的博客
06-21 86
css@import url(https://fonts.googleapis.com/css?family=Open+Sans);.btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px;...
html 新增用户表单样式,css设置表单样式
weixin_36277530的博客
06-07 538
怎么用CSS控制表单中的RADIO样式？默认的radio很校由于需要输入资料，有很多这样的单选RADIO要点击，感觉通常做网页，为了用户体验，都会给raido和后面的文字外面加个label标签的，这样的话点文字就能选上radio的，你只调整radio大小其实也不会好点多少的。CSS如何只给radio类型input表单控件设置样式？CSS如何只给radio类型input表单控件设置样式？而butto...
html表单页面css样式代码,前端html表单与css样式(示例代码)
weixin_33503998的博客
06-03 1687
1，from标签from标签的功能是向服务器传输数据，实现用户交互的重要标签。from标签的具体使用：input标签使用示例：姓名: 用户名: 密码: 爱好:骑车游戏电影男女第一句：action标签的意思就是表单提交到服务器的链接地址，method标签，表明表单的提交方式为post响应格式第二句：指定一个姓名表格input标签，type表明该栏使用的格式为指定的“text”文本格式，name指定该...
HTML表单
qq_46492364的博客
03-06 1122
文章目录HTML一、HTML标签-表单1.表单域2.表单元素3.文本域4.下拉菜单5.label标签二、字符实体总结 HTML 今天继续来学习HTML的常用标签，坚持今天一天，明天开始CSS部分。加油~ 提示：以下是本篇文章正文内容，下面案例可供参考 一、HTML标签-表单 表单是用来收集用户的信息。表单元素是网页中提供用户进行输入或点击的小控件。一个完整的表单通常由表单域、提示信息，表单控件。 表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，.
5款自定义登录表单样式
11-11
在实现这些自定义登录表单样式时，开发者需要关注HTML结构的合理性，以便于SEO和无障碍访问。同时，要利用CSS进行样式控制，包括布局、颜色、字体、边距等。对于动态效果，可以借助JavaScript或jQuery实现，确保在...
文件上传表单样式
02-19
在网页设计中，文件上传功能是一项基础且重要的交互元素，特别是在需要用户提交文件，如图片、文档或音频等...这其中包括了基本的HTML表单结构，CSS样式的自定义，以及使用jQuery等JavaScript库来增强功能和交互性。
HTML表单CSS
11-22
本主题将深入探讨如何使用CSS来定制HTML表单的`button`、`checkbox`和`input`等元素的样式，以创建美观且用户体验良好的交互界面。 一、HTML表单基础 HTML表单通过`<form>`标签定义，通常包括各种输入元素，如`...
使用css美化html表单控件详细示例(表单美化)
12-14
一、html submit与bottom按钮基本语法结构 1、html submit按钮 在input标签里设置type="submit"即可设置此表单控件为按钮。 submit按钮代码： 复制代码代码如下:<input name=”” type=”submit” value=”提交” /> submit按钮效果截图 html submit按钮效果截图 2、html bottom按钮 在input标签里设置type="bottom"也是即可设置此表单控件为按钮。 bottom按钮代码： 复制代码代码如下:<input name=”” type=”button” value=”提交” />
纸箱预订表单HTML模板
04-08
例如，使用`display: flex`或`grid`布局可以使表单元素对齐，`color`和`font-family`可以调整文字样式，`margin`和`padding`则可以调整元素间距。 考虑到描述中提到的“谷歌字体库”，这意味着模板可能引用了Google...
html5和css3表单样式美化插件
12-12
在本主题中，我们将深入探讨“html5和css3表单样式美化插件”的相关知识点，以及如何利用这些技术来提升用户体验。 首先，HTML5在表单元素上引入了新的type属性，使得开发者可以创建更为丰富、功能更强大的表单输入...
HTML便签大全
a881127b的专栏
08-25 595
1.1 字体样式的应用 　　字体样式包括：字体族科(font-family)、字体风格(font-style)、字体变形(font-variant)、字体加粗(font-weight)、字体大小(font-size)、字体(font)，具体的定义方法，在这里不详细讲述，可以参考它的资料。 　　也许你已经注意到，按钮上的文字不漂亮，其实可以通过CSS字体样式来解决，同样地，其它的几个涉及到文...
HTML 表单元素的基本样式
歪脖先生的博客
02-22 5718
表单元素的样式CSS 表单元素主要包括 label、input、textarea、select、datalist、keygen、progress、meter、output等，以及对表单元素进行分组的 fieldset 和 legend 元素。根据功能的不同，input 元素又包括 text、password、radio、checkbod、file、submit、reset、search、tel、u...
HTML的表单样式
Raccon_的博客
11-22 889
HTML5 表单 <from method="get/post(更安全) action="传给谁>    <input type="text(文本)/password(密码)/submit(提交按钮)/radio(单选)/checkbox(多选)/button(单纯按钮)/file(文件上传)/hidden(隐藏的输入字段)/image(图像形式的提交按钮)/reset(重置按钮)> ​ 其他属性:value="值 ​ name="名称 ​
6款漂亮HTML CSS样式用户留言表单
热门推荐
Nemo的笔记本
04-11 7万+
如今我们的网站、页面更加需要注重细节，不论是字体的样式、还是图片的分辨率清晰度都会影响到用户的访问体验和PV，以及用户以后是否会回访我们的网站/博客。如果有时间的时候，老左也会浏览和阅读相关的前端网站和积累一些不错的前端资源，在"8款设计师常用漂亮的HTML CSS表格样式"中展示了几款不错的价格列表，在这篇文章中整理6个用户留言HTML CSS样式。标记首先我们要在网页中加上常用的几个标签文本，......
html 表单样式化例子
学习笔记
02-23 344
油鹳上的视频 代码地址： https://github.com/codingmarket07/Registration-form-D19 Html code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
配置Java开发环境
最新发布
Broken_x的博客
07-10 1591
Java开发环境配置
html有什么好看的表单样式
06-01
有很多好看的表单样式，以下是其中几个： 1. Bootstrap表单样式：Bootstrap是一个非常流行的前端框架，它提供了很多美观的表单样式，可以直接使用。 2. Material Design表单样式：Material Design是Google推出的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值