javascript自动填网页的输入框

zengcccc 2012-06-27 09:56:21
下面代码片段是一个网页的昵称输入框html代码
<div id="nick_bg" class="bg_txt bg_focus">
<input type="text" class="new_txt" id="nick" name="nick" tabindex="6" style="z-index:0" maxlength="30" autocomplete="off">
</div>

我能获取到这个输入框的元素,但是设置value后不能在网页上显示12312312354234
QWebElement c1 = document.findFirst("input[id=nick]");
c1.setAttribute("value", tr("12312312354234"));


但是在百度搜索的网页上可以使用此方法设置输入框里的值

有明白人求解!感激不尽
...全文
1663 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
zengcccc 2012-06-27
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 的回复:]

引用 5 楼 的回复:

我对javascript 和 网页不是很熟 请问一下能推荐一些相关的学习资料么 入门级的就行


可以学习一下W3SCHOOL上的基础教程：
http://www.w3school.com.cn/js/index.asp
[/Quote]
谢谢 还想请问一下 , input 有value这属性,还有一些其他的属性么 , 或者是函数方法, 这些资料你提供的网址就有吧

按钮应该有click() 函数吧
乌镇程序员 2012-06-27
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 的回复:]

我对javascript 和 网页不是很熟 请问一下能推荐一些相关的学习资料么 入门级的就行
[/Quote]

可以学习一下W3SCHOOL上的基础教程：
http://www.w3school.com.cn/js/index.asp
zengcccc 2012-06-27
  • 打赏
  • 举报
 回复
我对javascript 和 网页不是很熟 请问一下能推荐一些相关的学习资料么 入门级的就行
zengcccc 2012-06-27
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 的回复:]

代码贴全。。
[/Quote]

代码很长


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta name="robots" content="all">
<meta name="keywords" content="腾讯注册，帐号注册，QQ注册，注册QQ，腾讯帐号，放号页面">
<meta name="description" content="注册">
<meta name="author" content="tencent">
<meta name="copyright" content="www.tencent.com">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="-1">
<title>QQ注册</title>
<script type="text/javascript"> var isd_t=[];isd_t.push(new Date()-0);</script>
<link rel="stylesheet" href="http://id2.idqqimg.com/zc/chs/css/10027/index.css" type="text/css">
<link rel="stylesheet" href="http://id2.idqqimg.com/zc/chs/css/10027/g.css" type="text/css">


<script src="ver.js?v=0.6003022526856512"></script><script src="http://id1.idqqimg.com/zc/chs/js/10027/location_chs.js"></script><script src="http://zc.qq.com/chs/m.js?v=0.8719151732511818"></script></head>
<body>
<div class="cover" id="cover"></div>
<div class="box_">
<div class="chk_email_code" id="chk_email_code_box">
<a class="close" onclick="index.hideEmailCode()"></a>
<h2>操作提示</h2>
<div class="div_1">您短时间内尝试次数过多，请填写验证码或稍后再试</div>
<div class="div_2"><span>验证码:</span><input type="text" name="email_code" id="email_code_ipt" maxlength="8" autocomplete="off"><span id="email_code_ipt_err">验证码错误</span>
</div>
<div class="div_3">
按下图字符填写，不区分大小写。<br>
<img src="" onclick="index.changeEmailCode()" id="email_code_img" alt="验证码" title="请输入验证码"><br>
<a onclick="index.changeEmailCode()">看不清楚？换一个</a><br>
<input type="button" onclick="index.ajaxChkEmail()">
</div>
</div>
</div>

<div class="bg">
<div class="container">
<div class="header"> <a href="index.html" class="logo" target="_self" title="QQ注册"></a> <a onclick="feedBack(716);" class="feedback" target="_blank" title="">意见反馈</a><div id="lang_box"><span>简体中文</span> | <a href="javascript:langSwitch('cht');">繁體中文</a> | <a href="javascript:langSwitch('en');">English</a></div></div>
<div class="content">
<div class="left"> <a id="nav_1" class="nav_box cur" href="javascript:;" onmouseout="this.removeAttribute('_hover');" onmouseover="this.setAttribute('_hover','over');"> <span class="dt nav_1">QQ帐号</span> <span class="dd">由数字组成，经典通行帐号</span> </a> <a id="nav_2" class="nav_box" href="javascript:;" onmouseout="this.removeAttribute('_hover');" onmouseover="this.setAttribute('_hover','over');"> <span class="dt nav_2">邮箱帐号</span> <span class="dd">用邮箱地址注册，便于记忆</span> </a>
<div class="search">
<div class="ipt_box">
<form class="search_form" method="get" action="http://haoma.qq.com/search_gno.php?service=1&from=freeqqm&url=http%3A%2F%2Fhaoma.qq.com%2Fgno.php" target="_blank" onsubmit="return g.formSubmit();">
<input type="hidden" name="service" value="1">
<input type="hidden" name="from" value="freeqqm">
<input type="hidden" name="url" value="http%3A%2F%2Fhaoma.qq.com%2Fgno.php">
<input name="number" class="txt" autocomplete="off" type="text" style="z-index:0;" value="输入要查找的QQ号码" onblur="g.searchBlur(this)" onfocus="g.searchFocus(this)" id="serch_ipt">
<input class="btn" type="submit" value="">
</form>
<div class="clear"></div>
</div>

</div>
</div>
<div class="right">
<div class="phone">
<a href="javascript:;" id="switcher" class="normal">手机快速注册</a>


<div class="box box_3" style="z-index:0">
<div class="item">昵称</div>
<div class="ipt_box nick_ipt_box">
<div id="nick_bg" class="bg_txt bg_focus">
<input type="text" class="new_txt" id="nick" name="nick" tabindex="6" style="z-index:0" maxlength="30" autocomplete="off">
</div>
</div>
<div class="info"><table><tbody><tr><td id="nick_info" class="tip">请输入昵称</td></tr></tbody></table></div>
</div>
<div class="box box_4">
<div class="item">密码</div>
<div class="ipt_box">
<div id="password_bg" class="bg_txt">
<input type="password" class="new_txt" id="password" name="password" tabindex="7" maxlength="16">
</div>
</div>
<div class="info"><table><tbody><tr><td id="password_info" class="hidden"></td></tr></tbody></table></div>
</div>
<div class="box box_5">
<div class="item">确认密码</div>
<div class="ipt_box">
<div id="password_again_bg" class="bg_txt">
<input type="password" class="new_txt" name="pass_again" id="password_again" tabindex="8" maxlength="16">
</div>
</div>
<div class="info"><table><tbody><tr><td id="password_again_info" class="hidden"></td></tr></tbody></table></div>
</div>
<div class="box box_6">
<div class="item">性别</div>
<div class="ipt_box nobg sex_box"><a name="male" id="sex_1" class="checked" tabindex="9">男</a><a id="sex_2" class="unchecked" name="femail" tabindex="10">女</a></div>
<div class="info"><table><tbody><tr><td id="sex_info" class="hidden"></td></tr></tbody></table></div>
</div>
<div class="box box_7">

<div class="item">生日</div>
<div class="ipt_box nopadding nobg">
<div id="inptu_search_tips" class="paopao" style="display: none">
<span id="inptu_search_tips_wording" class="p_l"></span>
<span class="p_r"></span>
</div>
<div id="birthday_type_box">
<a href="javascript:void(0)" id="birthday_type_value" class="value_box" tabindex="11">公历</a>
<ul id="birthday_type_ul" class="hide">
<li id="birthday_0" value="0" class="hover">公历</li>
<li id="birthday_1" value="1">农历</li>
</ul>
</div>
<div id="year_box">

<div id="year_bg" class="year_bg_txt">
<input id="year_value" class="year_value" tabindex="12" value="年" maxlength="10" autocomplete="off">


<script src="http://id1.idqqimg.com/zc/chs/js/10027/simple.js"></script>
<script src="http://id1.idqqimg.com/zc/chs/js/10027/rsa.js"></script>
<script src="http://id1.idqqimg.com/zc/chs/js/10027/index.js"></script>
<script>
document.body.onmouseover = function(){
index.init();
document.body.onmouseover=null;
}
</script>


</body></html>
zengcccc 2012-06-27
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 的回复:]

QWebElement c1 = document.findFirst("input[id=nick]"); //这是JS代码吗？？

用的是什么框架哦。。这么简单的需求，直接用原生JS写就行了：
HTML code
<div id="nick_bg" class="bg_txt bg_focus">
<input type="text" class="new_txt" id="ni……
[/Quote]

我用的是qt的webkit框架,谢谢你的回复,我在试试,它的模式是用c++执行javascript 来和网页交互的
那一笑的凄凉 2012-06-27
  • 打赏
  • 举报
 回复
代码贴全。。
乌镇程序员 2012-06-27
  • 打赏
  • 举报
 回复
QWebElement c1 = document.findFirst("input[id=nick]"); //这是JS代码吗？？

用的是什么框架哦。。这么简单的需求，直接用原生JS写就行了：
<div id="nick_bg" class="bg_txt bg_focus">

  <input type="text" class="new_txt" id="nick" name="nick" tabindex="6" style="z-index:0" maxlength="30" autocomplete="off">

</div>

<script type="text/javascript">

document.getElementById('nick').value = '12312312354234';

</script>
史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用，含全部源代码)
注：此为旧版，我另上传有最新版，见http://download.csdn.net/source/1802967。 功能强大的JavaScript日历控件 最关键的，无偿的永久的提供给大家免费使用，含全部源代码。 功能简介： 一、更人性化,更全面的功能 大部分日期控件都具备这些功能,但是本日历控件做的更全面,更人性化,并且速度一流. 支持多种调用模式 除支持常规在input单击调用外,还支持使用其他的元素如:<img><div>触发WdatePicker函数来调用弹出日期框 支持周显示 可以通过配置isShowWeek属性决定是否限制周,并且在返回日期的时候还可以通过自带的自定义事件和API函数返回选择的周 只读开关,高亮周末功能 设置readOnly属性 true 或 false 可指定日期框是否只读;设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末 操作按钮自定义 清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true 支持多种容器 除了可以将值返回给input以外,还可以通过配置el属性将值返回给其他的元素(如:textarea,div,span)等,带有innerHTML属性的HTML元素 起始日期功能 有时在项目中需要选择生日之类的日期,而默认点开始日期都是当前日期,导致年份选择非常麻烦,你可以通过起始日期功能加上配置alwaysUseStartDate属性轻松解决此类问题 自定义格式(注意大小写) yMdHmswW分别代表年月日时分秒星期周,你可以任意组合这些元素来自定义你个性化的日期格式. 如:"yyyy年M月d日 HH时mm分" 返回:"2008年3月12日 19时20分" 编辑功能 不知道您是否已经注意到,当日期框里面有值时,右下角的按钮会变成更新,修改完某个属性后,只要点击这个按钮就可以实现时间和日期的编辑 下拉,输入,导航选择日期 年月时分秒输入框都具备以下3个属性:通过导航图标选择,直接使用键盘输入数字,直接从弹出的下拉框中选择.因此不管你选择什么样的日期和时间都可以找到一种最快捷的方法,用最少的鼠标点击来搞定 自动纠错功能 纠错处理可设置为3种模式 1.提示 2.自动纠错(默认) 3.标记 当日期框中的值不符合格式时,系统会尝试自动修复,如果修复失败会根据您设置的纠错处理模式进行处理,错误判断功能非常智能它可以保证用户输入的值是一个合法的值 为编程带来方便 如果el的值是this,可省略,即所有的el:this都可以不写 日期框设置为disabled时,禁止更改日期(不弹出选择框) 如果没有定义onpicked事件,自动触发文本框的onchange事件 如果没有定义oncleared事件,清空时,自动触发onchange事件 其他属性设置 readOnly属性,可指定日期框是否只读 设置highLineWeekDay属性,可指定是否高亮周末 设置isShowOthers属性,可指定是否显示其他月的日期 加上class="Wdate"就会在选择框右边出现日期图标 二、强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定. 静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 无效天可以使用此功能禁用周日至周六所对应的日期,相关属性:disabledDays (0至6 分别代表 周日至周六) 动态限制 你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天 无效日期可以使用此功能禁用,所指定的一个或多个日期,只要你熟悉正则表达式,你可以尽情发挥 脚本自定义限制 系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在 #F{} 中填入你自定义的脚本,做任何你想做的日期限制 三、自定义事件和丰富的API库 如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求. 四、多语言支持和自定义皮肤支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言,皮肤也是一样,只要配置skin属性即可.这样一个页面中可以显示
前面输入框的内容自动为下面输入框自动充填
当上面的一个输入框充填了内容，下面的输入框自动充填上上面输入框的内容，比如：一个输入框要上传图片，选择图片之后此输入框的内容显示的是图片名称，此图片名称要自动充填到下面的一个输入框中，代码如下： $(function(){ var $material_name = $('#material_name'); var $file_name = $('#file_name') ...
360浏览器自动填充input输入框 vue
360浏览器自动填充input输入框 vue
js - 根据输入内容自动切换输入框
js - 根据输入内容自动切换输入框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
关于浏览器对输入框自动填充的处理
关于浏览器对输入框自动填充的处理关于浏览器对输入框自动填充的处理问题解决方案 关于浏览器对输入框自动填充的处理 问题 现在很多浏览器都有记住密码的功能，以我常用的chrome浏览器为例，当某个页面记住了密码之后，若是页面中出现了这样一种情况，整个页面上先后出现了两个input，前一个input是文本输入框，即type为text，后一个input是密码输入框，type为password，浏览器就会将保存的密码进行填充。而这种行为，有些情况下并不是我们想要的。 解决方案 对于chrome浏览器，对input设
JavaScript

87,922

社区成员

224,618

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章