文本框脚本

selectionStart 文本选取开头的偏移量

selectionEnd 文本选取结尾的偏移量

textbox.value.substring(textbox.selectionStart,textbox.selectionEnd)

setSelectionRange()

接收两个参数，开头和结尾的索引

IE8及更早版本

beforecopy:发生复制操作前触发

copy:复制操作

beforecut:发生剪切操作之前

cut:剪切操作时

beforepaste:发生粘贴操作之前

paste粘贴操作时

clipboardData对象

getData()

setData()

clearData()

提交表单时不能空,,<select> </div> </div> <div class="outline_content_node"> type = "email" </div> <div class="outline_content_node"> type = "url" </div> <div class="outline_content_node"> 对于数值类型 <div class="outline_content_node"> min </div> <div class="outline_content_node"> max </div> <div class="outline_content_node"> step </div> <div class="outline_content_node"> stepUp() </div> <div class="outline_content_node"> stepDown() </div> </div> <div class="outline_content_node"> pattern <div class="outline_content_node"> 正则表达式，无需加^和$ </div> </div> <div class="outline_content_node"> checkValidity() <div class="outline_content_node"> 检测表单中某个字段是否有效。true有效，无效false </div> </div> <div class="outline_content_node"> validity <div class="outline_content_node"> customError <div class="outline_content_node"> 如果设置了setCustomValidity()，返回true,否则false </div> </div> <div class="outline_content_node"> patternMismatch <div class="outline_content_node"> 如果值与指定的pattern不匹配，返回true </div> </div> <div class="outline_content_node"> rangeOverflow <div class="outline_content_node"> 值大于max返回true </div> </div> <div class="outline_content_node"> rangeUnderflow <div class="outline_content_node"> 值小于min返回true </div> </div> <div class="outline_content_node"> stepMismatch <div class="outline_content_node"> max与min之间步长值不合理，返回true </div> </div> <div class="outline_content_node"> tooLong <div class="outline_content_node"> 值长度超过maxlength属性指定的长度，返回true </div> </div> <div class="outline_content_node"> typeMismatch <div class="outline_content_node"> 如果值不是“mail”或“url”要求的格式，返回true </div> </div> <div class="outline_content_node"> valid <div class="outline_content_node"> 其他属性都是false，返回true </div> </div> <div class="outline_content_node"> valueMissing <div class="outline_content_node"> 如果标注为required字段为空，返回true </div> </div> </div> <div class="outline_content_node"> novalidate属性 <div class="outline_content_node"> 告诉表单不进行验证 </div> </div> </div> </div> </div> </div> <div class="ortherTemplate"> <div class="ortherTemplate_left"> <div class="guess_like_list"> <div class="file_tem like masonry_item" category="mindbase" data-chartid="577f04b8e4b04bc7eec33788" chartid="577f04b8e4b04bc7eec33788" style="flex-shrink:0"> <div class="file_head"> <img class="file_cover" alt="文本框脚本" data-src="https://www.processon.com/chart_image/template/thumb/577f1515e4b0d4077d01973c.png?tid=577f04b8e4b04bc7eec33788"> <div class="file_shade_content" data-chartid="577f04b8e4b04bc7eec33788"> <div class="file_shade"> <div class="file_shade_collect"> <span class="icons"></span> <span>收藏</span> </div> <div class="button forbid">立即使用</div> </div> </div> </div> <a href="https://www.processon.com/view/577f04b8e4b04bc7eec33788" target="_blank" class="file_title">文本框脚本</a> </div> <div class="file_tem like masonry_item" category="mindbase" data-chartid="57958490e4b06d79603403df" chartid="57958490e4b06d79603403df" style="flex-shrink:0"> <div class="file_head"> <img class="file_cover" alt="函数" data-src="https://www.processon.com/chart_image/template/thumb/5795cdbae4b06d7960387aae.png?tid=57958490e4b06d79603403df"> <div class="file_shade_content" data-chartid="57958490e4b06d79603403df"> <div class="file_shade"> <div class="file_shade_collect"> <span class="icons"></span> <span>收藏</span> </div> <div class="button forbid">立即使用</div> </div> </div> </div> <a href="https://www.processon.com/view/57958490e4b06d79603403df" target="_blank" class="file_title">函数</a> </div> <div class="file_tem like masonry_item" category="mindbase" data-chartid="57cb86a1e4b08ba6cdce3de8" chartid="57cb86a1e4b08ba6cdce3de8" style="flex-shrink:0"> <div class="file_head"> <img class="file_cover" alt="进程vs线程" data-src="https://www.processon.com/chart_image/template/thumb/5b793e5ce4b00bfde83ae6bb.png?tid=57cb86a1e4b08ba6cdce3de8"> <div class="file_shade_content" data-chartid="57cb86a1e4b08ba6cdce3de8"> <div class="file_shade"> <div class="file_shade_collect"> <span class="icons"></span> <span>收藏</span> </div> <div class="button main">立即使用</div> </div> </div> </div> <a href="https://www.processon.com/view/57cb86a1e4b08ba6cdce3de8" target="_blank" class="file_title">进程vs线程</a> </div> <div class="file_tem like masonry_item" category="mindbase" data-chartid="5783a31ae4b0888fcd29ab99" chartid="5783a31ae4b0888fcd29ab99" style="flex-shrink:0"> <div class="file_head"> <img class="file_cover" alt="css权威指南" data-src="https://www.processon.com/chart_image/template/thumb/5790ded9e4b06d7960200ebc.png?tid=5783a31ae4b0888fcd29ab99"> <div class="file_shade_content" data-chartid="5783a31ae4b0888fcd29ab99"> <div class="file_shade"> <div class="file_shade_collect"> <span class="icons"></span> <span>收藏</span> </div> <div class="button forbid">立即使用</div> </div> </div> </div> <a href="https://www.processon.com/view/5783a31ae4b0888fcd29ab99" target="_blank" class="file_title">css权威指南</a> </div> </div> </div> <div class="ortherTemplate_right user_info_box"> <div class="user_info_box_header"> <div class="user_avatar"> <a title="头像" class="chart-img" onclick="chartview_synthesize.maidian('点击头像');" href="https://www.processon.com/u/5629ab8ce4b070f8cccf7b27" target="_blank"> <img class="user-avatar-img" id="user-avatar-img" alt="PO_42adae 头像" onerror="this.onerror=null;this.src='\/\/cdn.processon.com/62a9b02c6376893f4929f1d2'"> </a> <div class="user_info"> <div class="user_nickname"><a title="PO_42adae" href="https://www.processon.com/u/5629ab8ce4b070f8cccf7b27" class="user_quickinfo" userId="5629ab8ce4b070f8cccf7b27" target="_blank">PO_42adae</a></div> <div class="user_inshort"> <span class="profession">职业：暂无</span> </div> </div> </div> </div> <div class="user_info_box_content"></div> <div class="user_info_box_follow"> <a class="button main user_home" href="https://www.processon.com/u/5629ab8ce4b070f8cccf7b27" userId="5629ab8ce4b070f8cccf7b27" target="_blank">去主页</a> </div> </div> </div> </div> <div class="comment_box"> <div class="comment_top"> <div class="star_box"> <div class="star_list"> <div class="icons star" data-key="0"></div> <div class="icons star" data-key="1"></div> <div class="icons star" data-key="2"></div> <div class="icons star" data-key="3"></div> <div class="icons star" data-key="4"></div> <div class="star_svg"></div> </div> <div class="star_label"></div> </div> <div class="comment_textarea"> <div class="notTalent user_avatar"> <a class="chart-img" id="comment-img"> <img src="//cdn.processon.com/62a9b02c6376893f4929f1d2" onerror="this.onerror=null;this.src='\/\/cdn.processon.com/62a9b02c6376893f4929f1d2'"> </a> </div> <div class="textarea" contenteditable="true" id="comment"></div> </div> <div class="comment_button"> <div id="showFaces"><span class="icons"></span></div> <div class="button disable">评论</div> </div> </div> <div class="comment_count"><span class="num">0</span> 条评论</div> <div class="comment_list"> </div> <div class="comment_unfold unfold">下一页<span class="icons"></span></div> </div> </div> </div> <div class="guess_like_box"> <div class="guess_like_header"> <div class="guess_like_header_title">为你推荐</div> <div class="guess_like_header_more"><span>查看更多</span><span class="po-icons"></span></div> </div> <div class="guess_like_search"> <input class="guess_like_search_input" placeholder="搜索模板" type="text"> <span class="guess_like_search_icons icons"></span> </div> <div class="guess_like_ul"> <div class="guess_like_list"> <div class="guess_like_item" category="uml" data-chartid="55599729e4b090bd2cc7bb2e" chartid="55599729e4b090bd2cc7bb2e"> <div class="guess_like_item_img"> <img class="file_cover" alt="富文本编辑器" data-src="https://www.processon.com/chart_image/template/thumb/555997e4e4b090bd2cc7c998.png?tid=55599729e4b090bd2cc7bb2e"> </div> <a href="https://www.processon.com/view/55599729e4b090bd2cc7bb2e" target="_blank" class="guess_like_item_des"> 富文本编辑器 </a> </div> <div class="guess_like_item" category="uncategorized" data-chartid="5438ecf70cf2c48c6de92791" chartid="5438ecf70cf2c48c6de92791"> <div class="guess_like_item_img"> <img class="file_cover" alt="文本挖掘逻辑框架" data-src="https://www.processon.com/chart_image/template/thumb/5438ed900cf2c48c6de928c6.png?tid=5438ecf70cf2c48c6de92791"> </div> <a href="https://www.processon.com/view/5438ecf70cf2c48c6de92791" target="_blank" class="guess_like_item_des"> 文本挖掘逻辑框架 </a> </div> <div class="guess_like_item" category="mind_right" data-chartid="561df512e4b00e611c809179" chartid="561df512e4b00e611c809179"> <div class="guess_like_item_img"> <img class="file_cover" alt="0703脚本编写方式" data-src="https://www.processon.com/chart_image/template/thumb/561df7d1e4b0131821e3a8cd.png?tid=561df512e4b00e611c809179"> </div> <a href="https://www.processon.com/view/561df512e4b00e611c809179" target="_blank" class="guess_like_item_des"> 0703脚本编写方式 </a> </div> <div class="guess_like_item" category="flow" data-chartid="55757a70e4b0d6a77d8667f4" chartid="55757a70e4b0d6a77d8667f4"> <div class="guess_like_item_img"> <img class="file_cover" alt="普通文本翻译流程" data-src="https://www.processon.com/chart_image/template/thumb/55757b84e4b0d6a77d866fe5.png?tid=55757a70e4b0d6a77d8667f4"> </div> <a href="https://www.processon.com/view/55757a70e4b0d6a77d8667f4" target="_blank" class="guess_like_item_des"> 普通文本翻译流程 </a> </div> <div class="guess_like_item" category="mind_free" data-chartid="55cb7558e4b0b966beb32bc8" chartid="55cb7558e4b0b966beb32bc8"> <div class="guess_like_item_img"> <img class="file_cover" alt="第十四章 表单脚本" data-src="https://www.processon.com/chart_image/template/thumb/55cf7968e4b014d9c57829e2.png?tid=55cb7558e4b0b966beb32bc8"> </div> <a href="https://www.processon.com/view/55cb7558e4b0b966beb32bc8" target="_blank" class="guess_like_item_des"> 第十四章 表单脚本 </a> </div> <div class="guess_like_item" category="uml" data-chartid="55867538e4b01d99c66a9527" chartid="55867538e4b01d99c66a9527"> <div class="guess_like_item_img"> <img class="file_cover" alt="线性测试脚本框架" data-src="https://www.processon.com/chart_image/template/thumb/558675dee4b01d99c66a98f9.png?tid=55867538e4b01d99c66a9527"> </div> <a href="https://www.processon.com/view/55867538e4b01d99c66a9527" target="_blank" class="guess_like_item_des"> 线性测试脚本框架 </a> </div> <div class="guess_like_item" category="bpmn" data-chartid="561dc14be4b07efc017fca6c" chartid="561dc14be4b07efc017fca6c"> <div class="guess_like_item_img"> <img class="file_cover" alt="0701编写脚本" data-src="https://www.processon.com/chart_image/template/thumb/561dc71ae4b07efc018015bd.png?tid=561dc14be4b07efc017fca6c"> </div> <a href="https://www.processon.com/view/561dc14be4b07efc017fca6c" target="_blank" class="guess_like_item_des"> 0701编写脚本 </a> </div> <div class="guess_like_item" category="flow" data-chartid="55d3e507e4b0f7a00fb86ded" chartid="55d3e507e4b0f7a00fb86ded"> <div class="guess_like_item_img"> <img class="file_cover" alt="文本内容流程图" data-src="https://www.processon.com/chart_image/template/thumb/55d3e9b7e4b0f7a00fb8c7ed.png?tid=55d3e507e4b0f7a00fb86ded"> </div> <a href="https://www.processon.com/view/55d3e507e4b0f7a00fb86ded" target="_blank" class="guess_like_item_des"> 文本内容流程图 </a> </div> <div class="guess_like_item" category="uml" data-chartid="555427abe4b0c6cf40d4d082" chartid="555427abe4b0c6cf40d4d082"> <div class="guess_like_item_img"> <img class="file_cover" alt="带下拉输入框状态图" data-src="https://www.processon.com/chart_image/template/thumb/55543151e4b0c6cf40d51835.png?tid=555427abe4b0c6cf40d4d082"> </div> <a href="https://www.processon.com/view/555427abe4b0c6cf40d4d082" target="_blank" class="guess_like_item_des"> 带下拉输入框状态图 </a> </div> <div class="guess_like_item" category="mind" data-chartid="55cf7a81e4b014d9c5782b62" chartid="55cf7a81e4b014d9c5782b62"> <div class="guess_like_item_img"> <img class="file_cover" alt="第十四章 表单脚本" data-src="https://www.processon.com/chart_image/template/thumb/55cf7968e4b014d9c57829e2.png?tid=55cf7a81e4b014d9c5782b62"> </div> <a href="https://www.processon.com/view/55cf7a81e4b014d9c5782b62" target="_blank" class="guess_like_item_des"> 第十四章 表单脚本 </a> </div> </div> </div> </div> </div> </main> <div id="escape"></div> <div id="shade"></div> <link rel="stylesheet" href="/public_login/aiTemplate.fbc35806.css" type="text/css"><div class="ai_template_bg"> <div class="ai_creat_p"> <div class="ai_creat_top"> <img class="ai_top_title" src="/public_login/ai_t_top.5338a3a1.png"> <span class="ai_d_close icons"></span> </div> <div class="ai_middle_content"> <div class="ai_m_title">图形选择</div> <div class="ai_m_choose"> <div class="ai_m_radio_item"><input type="radio" class="radio-single" name="option" value="2"><span>思维导图</span></div> </div> <div class="ai_m_title margin_top_bottom">主题</div> <div class="ai_height_32 ai_m_input_content"><input class="ai_input_topic ai_m_input" placeholder="请输入主题"></div> <div class="ai_m_title margin_top_bottom">补充说明</div> <div class="ai_height_120 ai_m_input_content"><textarea class="ai_input_step ai_m_input" placeholder="请输入补充说明">