获取表单的初始值,模拟placeholder属性

input和textarea有一个默认属性defaultValue,即初始值。

即使在页面操作修改了input和textarea的内容,获取到的defaultValue依然是初始值。可通过该值模拟placeholder属性,而不额外添加任何属性,标签之类。

js:  以input为例

jq:

完全模拟placeholder,无需添加任何额外属性和标签。

textarea标签模拟过程完全一致:

时间: 2024-08-02 15:09:53

获取表单的初始值,模拟placeholder属性的相关文章

在servlet中批量获取表单元素的值

如果页面有大量的表单元素,在springMVC中一般都是表单和pojo对象做相应的对应,或者直接通过request获得对象,但是还有另外一种得到表单元素的方法,具体代码如下: // java.util.Enumeration<String> req是HttpServletRequest对象 Enumeration<String> paras = req.getParameterNames(); while (paras.hasMoreElements()) { String s =

jquery的attr获取表单checked 布尔值问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <title>Document</title> <script type="text

获取表单内按钮值方法单选框值

select值获取方式 <select id="areaId" name="areaId" onchange="chooseEvent()" style="width:100px"> <option classna="world" value="0"> 世界 </option> #foreach($item in $areaList) <opti

Ajax中通过JS代码自动获取表单元素值的示例代码

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了 http://www.qidian.com/BookReader/1839917,60421843.aspx http://www.qidian.com/BookReader/1839917,60422045.a

jQuery获取表单各元素的值

radio值获取 $("input[type='radio']:checked").val(); 2,设置指定的项为当前选中项 $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项 <input type="text" name="textname" id="text_id" value="&quo

用jQuery获取表单的值

在日常开发过程中,有许多用到表单的地方.比如登录,注册,比如支付,填写订单,比如后台管理等等. 使用jQuery来获取表单的值是比较常见的做法. 常见表单 单行文字域:<input type='text'> <input type="text" id='name' value='pelli'> 密码域:<input type='password'> <input type="password" id='pass' value

js获取表单里的参数并返回键值对

/** * js获取表单里的参数并返回键值对 * @version 1 * @param {Object} - js表单对象 * @returns {Object} - 表单参数键值对 */ function getFormData(form){ if (!form) { return {}; } var params = {} , elems = form.elements ; for(var i in elems){ var elem = elems[i]; if(elem.nodeName

EasyUi获取表单所有字段和相应值,非官方form提交

js: // 定义变量var formData = {}; // 获取表单所有字段和相应值 装填到formData变量中 var fields = $("[data-field]"); fields.each(function (index, item) { if ($(item).hasClass("textbox-f")) { $(item).next().find(".textbox-value").each(function (index

不通过getElementByName实现获取表单数据 (document.form表单的name值.input输入框的name值)

function update() { //document.form表单的name值.input输入框的name值 var username = document.form1.username; var mobile = document.form1.mobile; var qq = document.form1.qq; } <form name="form1" method="post" action=""> <table