简单的form表单

效果

html

<ul class="edit_list">
                                <li><em>*</em><span class="lab">公众号名称：</span><span class="value_box"><input type="text" /></span></li>
                                <li><em>*</em><span class="lab">公 众 号 ID：</span><span class="value_box"><input type="text" /></span></li>
                            </ul>

css

.edit_list li{ margin-bottom:15px;}
.edit_list li .value_box{ width:310px; height:35px; line-height:35px; text-align:right; color:#1d6fb8; font-size:18px; display:inline-block;background:#FFF;border:1px solid #d7d7d7;  border-radius:5px; vertical-align:middle;}
.edit_list li .value_box input{ width:310px; height:35px; line-height:35px;  font-size:16px; background:none; border:none; text-indent:8px;}
.edit_list li .lab{ width:116px; height:35px; line-height:35px; text-align:center; margin-right:10px;color:#505050; font-size:18px; display:inline-block;vertical-align:middle;}
.edit_list li em{ width:10px; height:35px; line-height:35px; text-align:center; color:#505050; font-size:18px; display:inline-block;vertical-align:middle;}

时间： 2024-10-17 00:07:25

简单的form表单的相关文章

jQuery 实现最简单的form表单提交 Loding 功能

<html> <head><title></title></head> <body> <form name="example" onsubmit="return checkForm()" action="${ctx }threeLesson/addThreeLesson" method="post"> <table id="lo

写一个简单的form表单，当光标离开表单的时候表单的值发送给后台

1 <body> 2 <form action="index.php"> 3 <input type="text" name="txt" id="txt" value="abc"> 4 </form> 5 <script> 6 window.onload=function () { 7 var form=document.forms[0]; 8 v

deirective写form表单组件

directive 在使用隔离 scope 的时候,提供了三种方法同隔离之外的地方交互.这三种分别是 @ 绑定一个局部 scope 属性到当前 dom 节点的属性值.结果总是一个字符串,因为 dom 属性是字符串.& 提供一种方式执行一个表达式在父 scope 的上下文中.如果没有指定 attr 名称,则属性名称为相同的本地名称.= 通过 directive 的 attr 属性的值在局部 scope 的属性和父 scope 属性名之间建立双向绑定但是当我们不使用隔离scope的时候,我们要能够

Django Form表单

Django Form 表单在实际的生产环境中比如登录和验证的时候,我们一般都使用Jquery+ajax来判断用户的输入是否为空,假如JS被禁用的话,咱们这个认证屏障是不是就消失了呢?(虽然一般不会禁用掉但是还是存在风险) 所以我们一般做两种认证一种是前端做一遍认证,在后端做一遍认证. 首先咱们看一下下面的案例: from django.shortcuts import render # Create your views here. def user_list(request): host

form表单无刷新上传文件

很多时候,我们上传完文件之后,不想当前页面跳转,或者是刷新一下.那么我们需要怎么做呢? 首先,我们用的是最简单的form表单上传,提交方式.代码如下  <form id="uploadForm" class

AJAX PHP无刷新form表单提交的简单实现(推荐)

下面小编就为大家带来一篇AJAX PHP无刷新form表单提交的简单实现(推荐).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 ajax.php <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head>

form表单的简单验证onsubmit

form表单的代码 <form name="myform" action="" method="post"> <input type="text" name="search" id="scontent" placeholder="请输入" value=""/> <select id="stype"

Form表单Ajax系列化提交数据

页面上有一个商品的颜色尺码二维输入框,输入完毕之后需要把数据进行提交,点击立即购买则进行页面的跳转,通过form表单将数据提交到后台,而点击添加到购物车的话,则会通过ajax进行数据的提交,页面不进行跳转.前台样式: 下面是form表单: <form id="cartForm" action="${ctx}/cart/save" method="post"> <div class="product-page-optio

按Enter键后Form表单自动提交的问题

怪事年年有,今年特别多. 话说,最近项目中遇到一件怪事,当我鼠标focus在文本框中,轻轻敲了下回车键,尼玛页面突然刷新了,当时把宝宝给吓得. 接下来就是一番苦逼的烧脑和蛋疼~ 一.被表象所迷惑突然出现这种情况,脑海中第一反应是,keydown事件是不是出问题了,然后找啊找啊找啊,然后没有然后. 在把input元素上的所有事件移除掉后,我自信的按了一下enter键.艾玛,又刷新了.心里那个苦哎. 二.列出所有可能一阵捣鼓之后,脑海中列出了所有按下enter键后的改变,url改变,多了一个问号