控制区域中的输入框的提交修改

最新推荐文章于 2025-07-13 09:48:47 发布
原创 最新推荐文章于 2025-07-13 09:48:47 发布 · 626 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #class #button #function #电话 #table

本文介绍了一个访谈需求管理系统的界面设计与功能实现，包括业务填写、客服填写及访谈记录等模块，旨在提高访谈流程的效率与质量。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<jsp:directive.page import="cn.vetech.framework.util.VeDate"/>
<%@ include file="/askmanage/tag.jsp"%>
<%@ include file="/askmanage/verify.jsp"%>
<html>
<head>
<title>访谈需求</title>
<%@ include file="/askmanage/cssjs.jsp"%>
</head>
<body onLoad="onload()">
<table width="745" class="conPlan">
  <tr>
    <td><input id="saveSubmit" type="button" onClick="toSave()" value="保存"></td>
    <td><input id="toSubmit" type="button" onClick="toSubmit()" value="提交"></td>
    <td><input type="button" onClick="window.close()" value="关闭"></td>
  </tr>
</table>
<html:form action="/za/t_za_ftxqSave.shtml" method="post">
  <html:hidden property="action"/>
  <html:hidden property="surl" value="/za/ftxq.shtml"/>
  <html:hidden property="id"/>
  <html:hidden property="jbid"/>
  <input type="hidden" name="bdid" value="bdid">
  <input type="hidden" name="zaid" value="zaid">
  <html:hidden property="zt"/>
  <logic:equal name="t_za_ftxqForm" property="zt" value="1">
    <input type="hidden" name="yw_userid" value="${ASK123.userid}">
    <input type="hidden" name="yw_userxm" value="${ASK123.username}">
    <input type="hidden" name="yw_compid" value="${ASK123.compid}">
    <input type="hidden" name="yw_deptid" value="${ASK123.deptid}">
    <input type="hidden" name="yw_cjsj" value="<%=VeDate.getStringDate()%>">
  </logic:equal>
  <logic:equal name="t_za_ftxqForm" property="zt" value="3">
    <input type="hidden" name="kf_userid" value="${ASK123.userid}">
    <input type="hidden" name="kf_userxm" value="${ASK123.username}">
    <input type="hidden" name="kf_cjsj" value="<%=VeDate.getStringDate()%>">
  </logic:equal>
  <logic:equal name="t_za_ftxqForm" property="zt" value="5">
    <input type="hidden" name="kf_ftjlcjsj" value="<%=VeDate.getStringDate()%>">
  </logic:equal>
  <table width="745" class="freePlan" id="ywTable">
    <tr class="group">
      <td colspan="8">访谈需求－业务填写</td>
    </tr>
    <tr>
      <td width="91">预定访谈日期</td>
      <td width="106"><input name="yw_ftsj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.yw_ftsj}"
onClick="event.cancelBubble=true;showCalendar('yw_ftsj',false,'yw_ftsj')" readonly="true">
      </td>
      <td width="55">学员人数</td>
      <td width="109"><input name="yw_xysl" type="text" value="${t_za_ftxqForm.yw_xysl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="55">主管人数</td>
      <td width="119"><input name="yw_zgsl" type="text" value="${t_za_ftxqForm.yw_zgsl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="55">承办人数</td>
      <td width="119"><input name="yw_cbsl" type="text" value="${t_za_ftxqForm.yw_cbsl}" size="5" maxlength="4" ctype="digit"></td>
    </tr>
    <tr>
      <td>对象姓名</td>
      <td><input name="yw_ftxm" type="text" value="${t_za_ftxqForm.yw_ftxm}" size="15" maxlength="200"></td>
      <td>对象职务</td>
      <td><input name="yw_ftzw" type="text" value="${t_za_ftxqForm.yw_ftzw}" size="15" maxlength="60"></td>
      <td>访谈方式</td>
      <td><select name="yw_ftfs" style="width:100px">
          <option value="" ${t_za_ftxqForm.yw_ftfs eq ""?"selected":"" }>---选择方式---</option>
          <option value="电话" ${t_za_ftxqForm.yw_ftfs eq "电话"?"selected":"" }>
          电话
          </option>
          <option value="面访" ${t_za_ftxqForm.yw_ftfs eq "面访"?"selected":"" }>
          面访
          </option>
        </select>
      </td>
      <td>访谈人</td>
      <td><select name="yw_ftry" style="width:100px">
          <option value="" ${t_za_ftxqForm.yw_ftry eq ""?"selected":"" }>---选择人员---</option>
          <option value="讲师本人" ${t_za_ftxqForm.yw_ftry eq "讲师本人"?"selected":"" }>讲师本人</option>
          <option value="其他顾问" ${t_za_ftxqForm.yw_ftry eq "其他顾问"?"selected":"" }>其他顾问</option>
          <option value="主管" ${t_za_ftxqForm.yw_ftry eq "主管"?"selected":"" }>主管</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>联系电话</td>
      <td><input name="yw_ftdh" type="text" value="${t_za_ftxqForm.yw_ftdh}" size="15" maxlength="30" ctype="telephone"></td>
      <td>访谈地点</td>
      <td colspan="5"><input name="yw_ftdd" type="text" value="${t_za_ftxqForm.yw_ftdd}" size="60" maxlength="100"></td>
    </tr>
    <tr>
      <td>重点提示</td>
      <td colspan="7"><textarea name="yw_ftzd" cols="80" rows="3" maxlength="1000">${t_za_ftxqForm.yw_ftzd}</textarea>
      </td>
    </tr>
    <tr>
      <td>备注</td>
      <td colspan="7"><textarea name="yw_bzbz" rows="3" maxlength="200">${t_za_ftxqForm.yw_bzbz}</textarea>
      </td>
    </tr>
  </table>
  <table width="745" class="freePlan" id="kfTable">
    <tr class="group">
      <td colspan="8">访谈需求－客服填写</td>
    </tr>
    <tr>
      <td width="89">预定访谈日期</td>
      <td width="99"><input name="kf_ftsj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.kf_ftsj}"
onClick="event.cancelBubble=true;showCalendar('kf_ftsj',false,'kf_ftsj')" readonly="true">
      </td>
      <td width="59">学员人数 </td>
      <td width="108"><input name="kf_xysl" type="text" value="${t_za_ftxqForm.kf_xysl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="59">主管人数 </td>
      <td width="117"><input name="kf_zgsl" type="text" value="${t_za_ftxqForm.kf_zgsl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="59">承办人数 </td>
      <td width="119"><input name="kf_cbsl" type="text" value="${t_za_ftxqForm.kf_cbsl}" size="5" maxlength="4" ctype="digit"></td>
    </tr>
    <tr>
      <td>对象姓名</td>
      <td><input name="kf_ftxm" type="text" value="${t_za_ftxqForm.kf_ftxm}" size="15" maxlength="200"></td>
      <td>对象职务</td>
      <td><input name="kf_ftzw" type="text" value="${t_za_ftxqForm.kf_ftzw}" size="15" maxlength="60"></td>
      <td>访谈方式</td>
      <td><select name="kf_ftfs" style="width:100px">
          <option value="" ${t_za_ftxqForm.kf_ftfs eq ""?"selected":"" }>---选择方式---</option>
          <option value="电话" ${t_za_ftxqForm.kf_ftfs eq "电话"?"selected":"" }>电话</option>
          <option value="面访" ${t_za_ftxqForm.kf_ftfs eq "面访"?"selected":"" }>面访</option>
        </select>
      </td>
      <td>访谈人</td>
      <td><select name="kf_ftry" style="width:100px">
          <option value="" ${t_za_ftxqForm.kf_ftry eq ""?"selected":"" }>---选择人员---</option>
          <option value="讲师本人" ${t_za_ftxqForm.kf_ftry eq "讲师本人"?"selected":"" }>讲师本人</option>
          <option value="其他顾问" ${t_za_ftxqForm.kf_ftry eq "其他顾问"?"selected":"" }>其他顾问</option>
          <option value="主管" ${t_za_ftxqForm.kf_ftry eq "主管"?"selected":"" }>主管</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>联系电话</td>
      <td><input name="kf_ftdh" type="text" value="${t_za_ftxqForm.kf_ftdh}" size="15" maxlength="30" ctype="telephone"></td>
      <td>访谈地点</td>
      <td colspan="5"><input name="kf_ftdd" type="text" value="${t_za_ftxqForm.kf_ftdd}" size="60" maxlength="100"></td>
    </tr>
    <tr>
      <td>备注</td>
      <td colspan="7"><textarea name="kf_bzbz" rows="3"  maxlength="200">${t_za_ftxqForm.kf_bzbz}</textarea>
      </td>
    </tr>
  </table>
  <table width="745" class="freePlan" id="ftjlTable">
    <tr class="group">
      <td colspan="8">访谈记录－客服填写</td>
    </tr>
    <tr>
      <td width="62">客户名称</td>
      <td width="148"><input name="kf_ftjlkhmc" type="text" value="${t_za_ftxqForm.kf_ftjlkhmc}" maxlength="100">
      </td>
      <td width="50">课程主题</td>
      <td width="148"><input name="kf_ftjlkczt" type="text" value="${t_za_ftxqForm.kf_ftjlkczt}" maxlength="20">
      </td>
      <td width="50">上课日期</td>
      <td width="99"><input name="kf_ftjlsksj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.kf_ftjlsksj}"
onClick="event.cancelBubble=true;showCalendar('kf_ftjlsksj',false,'kf_ftjlsksj')" readonly="true">
      </td>
      <td width="50">讲师姓名</td>
      <td width="102"><input name="kf_ftjljs" type="text" value="${t_za_ftxqForm.kf_ftjljs}" size="15" maxlength="20">
      </td>
    </tr>
    <tr>
      <td>业务负责人</td>
      <td><input type="text" value="${t_za_ftxqForm.yw_userxm}" readonly="true">
      </td>
      <td>访谈人</td>
      <td><input name="kf_ftjlftry" type="text" value="${t_za_ftxqForm.kf_ftjlftry}" maxlength="20">
      </td>
      <td>访谈日期</td>
      <td><input name="kf_ftjlsj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.kf_ftjlsj}"
onClick="event.cancelBubble=true;showCalendar('kf_ftjlsj',false,'kf_ftjlsj')" readonly="true">
      </td>
      <td>访谈方式</td>
      <td><select name="kf_ftjlfs" style="width:100px">
          <option value="" ${t_za_ftxqForm.kf_ftjlfs eq ""?"selected":"" }>---选择方式---</option>
          <option value="电话" ${t_za_ftxqForm.kf_ftjlfs eq "电话"?"selected":"" }>电话</option>
          <option value="面访" ${t_za_ftxqForm.kf_ftjlfs eq "面访"?"selected":"" }>面访</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>学员人数</td>
      <td><input name="kf_ftjlxysl" type="text" value="${t_za_ftxqForm.kf_ftjlxysl}" size="5" maxlength="20" ctype="digit">
      </td>
      <td>主管人数</td>
      <td><input name="kf_ftjlzgsl" type="text" value="${t_za_ftxqForm.kf_ftjlzgsl}" size="5" maxlength="20" ctype="digit">
      </td>
      <td>承办人数</td>
      <td><input name="kf_ftjlcbsl" type="text" value="${t_za_ftxqForm.kf_ftjlcbsl}" size="5" maxlength="20" ctype="digit">
      </td>
      <td>对象姓名</td>
      <td><input name="kf_ftjldxxm" type="text" value="${t_za_ftxqForm.kf_ftjldxxm}" size="15" maxlength="20">
      </td>
    </tr>
    <tr>
      <td>对象职务</td>
      <td><input name="kf_ftjldxzw" type="text" value="${t_za_ftxqForm.kf_ftjldxzw}" maxlength="20">
      </td>
      <td>备注</td>
      <td colspan="5"><input name="kf_ftjlbzbz" type="text" value="${t_za_ftxqForm.kf_ftjlbzbz}" maxlength="20" size="50">
      </td>
    </tr>
    <tr>
      <td>访谈重点</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlftzd">${t_za_ftxqForm.kf_ftjlftzd}</textarea>
      </td>
    </tr>
    <tr>
      <td>主管期望</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlzgqw">${t_za_ftxqForm.kf_ftjlzgqw}</textarea>
      </td>
    </tr>
    <tr>
      <td>学员期望</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlxyqw">${t_za_ftxqForm.kf_ftjlxyqw}</textarea>
      </td>
    </tr>
    <tr>
      <td>承办人期望</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlcbqw">${t_za_ftxqForm.kf_ftjlcbqw}</textarea>
      </td>
    </tr>
    <tr>
      <td>课程规划</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlkcgh">${t_za_ftxqForm.kf_ftjlkcgh}</textarea>
      </td>
    </tr>
    <tr>
      <td>教学设计</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjljxsj">${t_za_ftxqForm.kf_ftjljxsj}</textarea>
      </td>
    </tr>
  </table>
  <table border="0" width="745">
    <tr>
      <td colspan="2">&nbsp;</td>
      <td colspan="2" align="center"><input id="saveSubmitToo" name="button3" type="button" class="ButtonBL"  onClick="toSave();"  value=" 保 存 "></td>
      <td align="center"><input name="button2" type="button" class="ButtonBL"  onClick="window.history.go(-1)"  value=" 取 消 "></td>
    </tr>
  </table>
</html:form>
<div class="Fback">
  <div id="Ftext">
    <ul>
      <h5>友情提醒：</h5>
      <li>注意：带<span class="redStar">*</span>是必填项。</li>
      <li>1、如果您选择保存，还可以修改数据；如果您选择提交，只能查看数据而不能修改数据。</li>
    </ul>
  </div>
</div>
</body>
<script type="text/javascript">
function copyData(){
 t_za_ftxqForm.kf_ftsj.value=t_za_ftxqForm.yw_ftsj.value;
 t_za_ftxqForm.kf_xysl.value=t_za_ftxqForm.yw_xysl.value;
 t_za_ftxqForm.kf_zgsl.value=t_za_ftxqForm.yw_zgsl.value;
 t_za_ftxqForm.kf_cbsl.value=t_za_ftxqForm.yw_cbsl.value;
 t_za_ftxqForm.kf_ftxm.value=t_za_ftxqForm.yw_ftxm.value;
 t_za_ftxqForm.kf_ftzw.value=t_za_ftxqForm.yw_ftzw.value;
 t_za_ftxqForm.kf_ftfs.value=t_za_ftxqForm.yw_ftfs.value;
 t_za_ftxqForm.kf_ftry.value=t_za_ftxqForm.yw_ftry.value;
 t_za_ftxqForm.kf_ftdh.value=t_za_ftxqForm.yw_ftdh.value;
 t_za_ftxqForm.kf_ftdd.value=t_za_ftxqForm.yw_ftdd.value;
}
function copyFtjl(){
 t_za_ftxqForm.kf_ftjlfs.value=t_za_ftxqForm.kf_ftfs.value;
 t_za_ftxqForm.kf_ftjlxysl.value=t_za_ftxqForm.kf_xysl.value;
 t_za_ftxqForm.kf_ftjlzgsl.value=t_za_ftxqForm.kf_zgsl.value;
 t_za_ftxqForm.kf_ftjlcbsl.value=t_za_ftxqForm.kf_cbsl.value;
 t_za_ftxqForm.kf_ftjldxxm.value=t_za_ftxqForm.kf_ftxm.value;
 t_za_ftxqForm.kf_ftjldxzw.value=t_za_ftxqForm.kf_ftzw.value;
 t_za_ftxqForm.kf_ftjlsj.value=t_za_ftxqForm.kf_ftsj.value;
}
function onload(){
 disabledTable("ywTable");  //访谈需求－业务填写
 disabledTable("kfTable");  //访谈需求－客服填写
 disabledTable("ftjlTable");  //访谈记录－客服填写
 $("saveSubmit").setAttribute("disabled","disabled");  //上面保存按钮
 $("toSubmit").setAttribute("disabled","disabled");　　//提交按钮
 $("saveSubmitToo").setAttribute("disabled","disabled");  //下面保存按钮
 var yhlx = "${ASK123.yhlx}";
 var zt = ${t_za_ftxqForm.zt};
 
 //业务
 if(yhlx=="10"){
  if(zt=="1"){
   openTable(ywTable);
   $("saveSubmit").removeAttribute("disabled");
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
 }
 //财务
 if(yhlx=="20"){
  if(zt=="2"){
   openTable(cwTable);
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
 }
 //客服
 if(yhlx=="30"){
  if(zt=="3"){
   openTable(kfTable);
   copyData();
   $("saveSubmit").removeAttribute("disabled");
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
  if(zt=="5"){
   openTable(ftjlTable);
   copyFtjl();
   $("saveSubmit").removeAttribute("disabled");
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
 }
}
function toSave(){
 if(!checkForm("t_za_ftxqForm")){
  return;
 }
 document.t_za_ftxqForm.submit(); 
}
//提交
function toSubmit(){
    if(!checkForm("t_za_ftxqForm")){
  return;
 }
 var zt=$("zt").value;
     zt=parseInt(zt)+2;
 $("zt").value=zt;
   document.t_za_ftxqForm.submit();
}
</script>
</html>

/*使区域中的输入框不能提交修改*/
 function disabledTable(areaqy){
    try{
  var table=$(areaqy);
  var inputs=table.getElementsByTagName("input");
  for(var i=0;inputs!=null&&i<inputs.length;i++){
   inputs[i].setAttribute("disabled","disabled");
  }
  var selects=table.getElementsByTagName("select");
  for(var i=0;selects!=null&&i<selects.length;i++){
   selects[i].setAttribute("disabled","disabled");
  }
  var textareas=table.getElementsByTagName("textarea");
  for(var i=0;textareas!=null&&i<textareas.length;i++){
   textareas[i].setAttribute("disabled","disabled");
  }
  }catch(ex){}
 }
 /*使区域中的输入框能提交修改*/
 function openTable(areaqy){
   try{
  var table=$(areaqy);
  var inputs=table.getElementsByTagName("input");
  for(var i=0;inputs!=null&&i<inputs.length;i++){
   inputs[i].removeAttribute("disabled");
  }
  var selects=table.getElementsByTagName("select");
  for(var i=0;selects!=null&&i<selects.length;i++){
   selects[i].removeAttribute("disabled");
  }
  var textareas=table.getElementsByTagName("textarea");
  for(var i=0;textareas!=null&&i<textareas.length;i++){
   textareas[i].removeAttribute("disabled");
  }
  }catch(ex){}
 } 

前端输入框错误提示_交互细节研究：错误信息提示在表单中的最佳位置
weixin_42515339的博客
01-12 1228
最常见的错误信息提示放置位置是表单的上方或内部，那么哪个位置对用户来说体验更好呢？在你的表单设计中，你会把错误信息提示放在哪个位置呢？如果它们不符合用户预期，就可能成为用户体验上的障碍。试想，当用户输入错误的信息时，他们首先需要理解错误是什么，然后才是修正错误、重新提交表单。但如果这个过程太费劲，他们可能就会选择放弃继续填写。表单上方的有效性 VS 内部的有效性最常见的错误信息提示放置位置是表单的...
android h5输入框被键盘遮挡,h5软键盘挡住输入框问题解决（android）
weixin_42521949的博客
05-27 6644
问题如图一个表单：在部分android机型上测试点击靠下的输入框时遇到弹出的软键盘挡住输入框问题，ios可自身弹起(ios自身的调整偶尔也会出问题，例如第三方键盘会遮挡，原因是第三方输入法的tool bar或者键盘也被当做可视区域，这里不做讨论)问题分析及解决办法确立最常见的是使用两个方法：scrollIntoViewIfNeeded()、scrollIntoView()，使用方法自行百度。在我这...
Activity中输入框EditText被键盘遮挡问题
SpringQi
07-09 858
在项目开发过程中，一般app都有意见反馈这样的功能，布局中有很多文本框，布局底部存在一个提交按钮；用户在输入文本的时候，输入框经常被键盘遮挡，不能与键盘显示适配，很是头疼，我在网上找了很多方法，最后总结了一下，可以很好的解决这个问题。 解决思路：当键盘显示的时候我们发现布局被键盘遮挡了一部分，这个时候我们根据可见区域的高度动态的去修改布局的高度以达到适配的效果。 注意：内容布局最外层需要用Sc...
安卓EditText输入框焦点控制与键盘收起实践
最新发布
weixin_30336531的博客
07-13 929
htmltable {th, td {th {pre {简介：在Android开发中，EditText控件常用于文本输入，本资源可能包括实现当EditText失去焦点时自动隐藏软键盘的实践案例。详细介绍了EditText焦点管理、监听焦点变化、软键盘的隐藏方法、点击其他区域收起键盘、设置默认行为、键盘收起动画、特殊情况处理以及代码调试与优化等知识点。这些实践案例对于初学者学习EditText焦点控制和键盘控制具有参考价值。
HTML表单元素-输入框
热门推荐
前端队长Daotin
11-06 1万+
2、表单元素-输入框输入框使用input标签。<input>标签，根据type属性的不同，会有不同的表现样式。默认type="text"，也就是文本输入框。2.1、文本输入框单行的文本区域，（输入中的换行会被自动去除）。<input type="text" name="username" maxlength="6" readonly="readonly" ...
#鸿蒙开发#深度解析：ArkUI 中的自适应宽度输入框与点击保存功能
m0_73386679的博客
02-22 820
点击屏幕保存功能允许用户在编辑输入框内容后，通过点击屏幕的其他区域来提交并保存更改。这一功能不仅提升了用户体验，还减少了用户的操作步骤。取消按钮允许用户在编辑输入框内容时取消当前的编辑操作，返回到原始状态。通过自定义取消按钮的样式，可以使界面更加统一和美观。icon: {size: 16,})详细请参考我的另一篇博客ArkUI框架下TextInput组件的右侧自定义图标设计指南：提升用户体验的艺术。
构建超炫酷Android验证码输入框：实战指南
weixin_29476595的博客
07-10 282
在现代移动应用中，验证码输入框是用户登录或提交表单时常见的交互组件。它不仅能有效防止恶意注册和滥用，还可以提高应用的安全性。但是，一个设计不当的验证码输入框可能会给用户体验带来负面影响。因此，本章将探讨如何定义一个用户友好的自定义验证码输入框布局。首先，我们需要明确自定义输入框布局的目的和要求。自定义布局意味着我们需要从零开始设计输入框，包括但不限于输入框的大小、形状、位置、颜色和交互方式。我们应通过调研用户习惯和分析应用的使用场景来决定布局的样式。
输入框设计解析
feng的博客
10-16 4430
文本输入框是最基本的界面控件之一。它需要显著、良好的可访问性，高效、舒适的互动性。我们需要明白输入框是什么、有哪些、在什么场景中使用，这样可以更好的为我们设计服务。全文一共11200字，分为上下两篇，上篇是拆分结构，下篇是各输入状态。干货满满，有些晦涩与枯燥，请大家做好准备。01.信息输入前1.1 舒适的大小输入框大小是否合适，以便完整显示那些最有可能出现的输入内容？表单输入框的大小往往会影响用户输入的心情。设计考虑到网页无障碍阅读，即输入框文字的前景色跟后景色要有足够的对比度，提高可识别性。1.1.1 输
TDesign：Input输入框
sunluyi的博客
11-29 534
【代码】TDesign：Input输入框。
输入框（TextInput）和按钮（Button）
WeiSeries Computer Science and Technology
12-30 959
实操效果如图2所示。需要注意的是，当我们创建按钮时，按钮的大小会根据设置的文本内容自动调整，以适应文本长度。在ArkUI中，输入框通过TextInput组件实现，其使用方法简单灵活，能够满足各种应用场景需求，输入框的语法如下图1所示。同样地，当我们在输入框中输入内容时，如果type属性设置为Password，输入的内容将被自动隐藏并显示为掩码形式（如“••••”）。从布局设计到实现，我们将以代码示例逐一讲解每个环节的关键点，帮助大家掌握ArkUI组件的实际用法，同时提升对界面交互设计的理解与应用能力。
js控制输入框获得和失去焦点时状态显示的方法
10-24
例如，通过修改输入框的`value`属性和`className`属性，实现动态的内容更新和样式切换。 通过上述知识点的介绍，我们能够理解js如何通过操作输入框的获得和失去焦点状态来控制不同样式的显示，并知道这对于提供更好...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
在JSP中，当一个FORM表单中只有一个INPUT文本输入框时，用户按下回车键，浏览器会默认触发表单的提交动作。这是因为浏览器的默认行为：在一个只有一个单行文本输入域（type="text"）的表单里，按下回车键会模拟点击...
输入框提示文字上浮
01-16
在UI设计和前端开发中，"输入框提示文字上浮"是一种常见的交互设计方式，它主要体现在当用户聚焦到输入框时，原本显示在输入框内的提示性文字（hint）会浮升到输入框的上方，形成一种清晰的提示效果。这种设计能够...
JavaScript 删除空格(trim)
12-24 3384
 function trim(str){  //删除左右两端的空格 return str.replace(/(^/s*)|(/s*$)/g, "");}function ltrim(str){  //删除左边的空格 return str.replace(/(^/s*)/g,"");}function rtrim(str){  //删除右边的空格 return str.replace(/(/s*$)
表格增加,删除行,删除一行时,行数动态改变
12-16 1702
今天终于在别人的帮助下完成了"ASK123综合业务管理系统-专案管理-开案管理-培训需求单"其中遇到的难处有增加,删除行,删除一行时,行数动态改变.代码如下: .STYLE1 {font-size: 16pt;cursor:hand;color:red}-->                  课程名称    ${mainBean.kcmc }    预计执行日    ${mainBean.yjz
常用的脚本验证
12-25 1685
/* 公用js 函数 */   // 允许上传的图片扩展名var picExt = "JPEG|JPG|BMP|GIF|TIF|PNG|ICO|";   // 允许上传的文件扩展名var fileAllowExt = "DOC|XLS|PPT|PPS|PDF|RAR|ZIP|VSD|JPEG|JPG|BMP|GIF|TIF|PNG|ICO|AVI|MIDI|MOV|WMA|RM|MP3|SWF|T
常用java时间
01-02 1625
package cn.vetech.framework.util;/** 日期类 * @date   2003-12-04 * @version 1.0 */import java.util.*;import java.text.*;import java.util.Calendar;public class VeDate { /**  * 获取现在时间  *   * @return
获得表单中单选框的值
12-08 950
不爱爱 function save(){  for(int i = 0; i     if(document.myForm.love(i).checked){      alert(document.myForm.love(i).value);    }  }}
日期年月日三个下拉框
01-18 815
首先在form中用隐藏域定义，如：在脚本中：//保存function  save(){ var year = document.myFrom.year.value; var month = document.myFrom.month.value; var day = document.myFrom.day.value; document.myFrom.birthday.value=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值