Home > Article > Web Front-end > How to use ? Summary of instance usage

How to use ? Summary of instance usage

伊谢尔伦Original: 2017-06-11 13:44:525105browse

A form is an interaction tool between web pages and users. It consists of a

element as a container, encapsulating any number of other form controls, as well as any other tags available in the element. The form can contain< Form control elements such as input>, ,

, <fieldset>, <legend>, <label>. What are the form elements? It includes the following elements <form>, <input> input text box, <button> button, <option> definition drop-down menu, <select>, <textarea> text area, etc., of course in Some new elements have been added to html5. The following content summarizes various html form element acquisition and usage examples! 1. New form elements in HTML5 and usage examples 1. Summarize the usage methods and practical examples of new form elements in HTML5</p>
<p><span style="line-height: 1.76em;">1. <a href="http://www.php.cn/div-tutorial-363756.html" target="_blank">Form elements: the most complete variety of html form elements Summary of how to obtain and use </a></span></p>
<p><span style="line-height: 1.76em;"><img  src="https://img.php.cn/upload/article/000/000/008/592e7ffa1aff1808.png"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" ></span></p>
<p>## Introduction: A form is an interactive tool between a web page and a user, consisting of a< The form> element is formed as a container, encapsulating any number of other form controls, as well as any other tags available in the <body> element. The form can contain <input>, <menus>, <textarea>, <fieldset> ;, <legend>, <label> and other form control elements. <span style="line-height: 1.76em;"></span></p>
<p>2. <span style="line-height: 1.76em;">HTML5 form properties tutorial example<a href="http://www.php.cn/html5-tutorial-362361.html" target="_blank"></a></span></p>
<p><span style="line-height: 1.76em;"><img  src="https://img.php.cn/upload/article/000/001/506/30aac7b042584b70353d3da67e9a1e0a.png"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" ></span></p> ##Introduction: HTML5 form attributes HTML5 new form attributes HTML5's <form> and <input> tags add several new attributes.<form>New attributes: autocompletenovalidate<input>New attributes: autocompleteaut...<p><span style="line-height: 1.76em;"></span></p>3. <p>Introduction to PHP form elements: selection field tags and text field tags<span style="line-height: 1.76em;"><a href="http://www.php.cn/php-weizijiaocheng-360439.html" target="_blank"></a></span></p>
<p><span style="line-height: 1.76em;"> <img  src="https://img.php.cn/upload/article/000/000/008/58f2e30f02d08848.png"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" ></span>##Introduction: Form<form> consists of form elements. Commonly used form elements include the following tags: input field tags <input>, selection field tags <select> and <option>, text area tags <textarea>, etc. </p>
<p><span style="line-height: 1.76em;"></span>4. </p>Introduction to PHP form elements: input field tag<input><p><span style="line-height: 1.76em;"><a href="http://www.php.cn/php-weizijiaocheng-360437.html" target="_blank"></a></span></p>
<p><span style="line-height: 1.76em;"><img  src="https://img.php.cn/upload/article/000/000/008/58f2dd4e81d4b426.png"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" >##Introduction: Form<form> consists of form elements. Commonly used form elements include the following tags: input field tags <input>, selection field tags <select> and <option>, text area tags <textarea>, etc. </span></p>
<p><span style="line-height: 1.76em;">5. </span>Introduction to the <input> tag in html and how to disable it</p>
<p><span style="line-height: 1.76em;"><a href="http://www.php.cn/div-tutorial-359817.html" target="_blank"></a></span></p>
<p><span style="line-height: 1.76em;">##Introduction: The <input> tag is used to collect user information. Input fields can take many forms depending on the value of the type attribute. Input fields can be text fields, checkboxes, masked text controls, radio buttons, buttons, etc. <img  src="https://img.php.cn/upload/article/000/000/164/227981330b95b8d5e312a8a716770926.jpg"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" ></span></p>
<p>6. Is the <span style="line-height: 1.76em;">html tag closed or not?</span></p>
<p><span style="line-height: 1.76em;"><a href="http://www.php.cn/div-tutorial-357345.html" target="_blank"></a></span></p>
<p>##Introduction: When writing HTML5 code, have you ever wondered whether you should write <br /> or <br>, whether to write <input /> or <input>. Why is it wrong to write <script src="script.js" />? Anyway, I struggled with it, and I found that this topic is actually much more interesting than I thought. <span style="line-height: 1.76em;"><img  src="https://img.php.cn/upload/article/000/000/007/05cf1cf43b40ba2c071ea2e713adf3e4.jpg"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" ><p><span style="line-height: 1.76em;">7. <a href="http://www.php.cn/div-tutorial-353461.html" target="_blank">HTML<input> tag and its disabling</a></span></p>
<p><span style="line-height: 1.76em;"><img  src="https://img.php.cn/upload/article/000/000/013/fe0b1b13473bf626c2df020f8dbb6692.jpg"    style="max-width:90%" alt="How to use <input>? Summary of <input> instance usage" ></span></p>
<p># #Introduction: This article mainly introduces the detailed explanation of HTML input tags and their disabling methods, and summarizes several methods of using the disabled attribute in CSS to achieve disabling. Friends in need can refer to it<span style="line-height: 1.76em;"></span></p>
<p>8. <span style="line-height: 1.76em;">Help~Why does the type=text of <input> not respond to the Enter key? Added submit_html/css_WEB-ITnose<a href="http://www.php.cn/div-tutorial-282094.html" target="_blank"></a></span></p>
<p>Introduction: Help ~ Why does the type=text of <input> not respond to the enter key? Submit has been added <span style="line-height: 1.76em;"></span></p>
<p>9. <span style="line-height: 1.76em;">Compatibility problem under IE, <input> is displayed [Help]_html/css_WEB-ITnose<a href="http://www.php.cn/div-tutorial-282068.html" target="_blank"></a></span></p>
<p>Introduction: Compatibility problem under IE, <input> is displayed [Help] <span style="line-height: 1.76em;"></span></p>
<p>10. <span style="line-height: 1.76em;"><input> in the html tag Are the ; and <em> elements inline or block-level elements? please inform! Thank you very much! _html/css_WEB-ITnose<a href="http://www.php.cn/div-tutorial-275800.html" target="_blank"></a></span></p>##Introduction: Are the <input> and <em> elements in html tags inline elements or block-level elements? please inform! Thank you very much! <p><span style="line-height: 1.76em;"></span></p>[Related Q&A recommendations]:<p><strong></strong></p>java - After adjusting the size of the <input> input box, the input boxes on the page overlap. ! <p><a href="http://www.php.cn/wenda/79073.html" target="_blank"></a></p>JS front-end html page dynamically adds input elements, how to obtain the background .cs class file?<p><a href="http://www.php.cn/wenda/2028.html" target="_blank"></a></p>Excuse me, the following two <input>What’s the difference? <p><a href="http://www.php.cn/wenda/2583.html" target="_blank"></a></p><input> How to disable the tag? <p><a href="http://www.php.cn/wenda/3264.html" target="_blank"></a></p>html - How to position the css selector <input> with readonly attribute?<p><a href="http://www.php.cn/wenda/71644.html" target="_blank"></a></p></span></p><p>The above is the detailed content of How to use <input>? Summary of <input> instance usage. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="Summary of usage examples of hyperlink a in html" href="http://m.php.cn/faq/364989.html">Summary of usage examples of hyperlink a in html</a></span><span>Next article：<a class="dBlack" title="Summary of usage examples of hyperlink a in html" href="http://m.php.cn/faq/365007.html">Summary of usage examples of hyperlink a in html</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="http://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/"><b class="icon1"></b><p>Home</p></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><p>Course</p></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/login"><b class="icon5"></b><p>My</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/"><b class="icon1"></b><span>Home</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><span>Course</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/dic.html"><b class="icon6"></b><span>Dictionary</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/xiazai/"><b class="icon8"></b><span>Download</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/faq/zt" title="Topic"><b class="icon12"></b><span>Topic</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/" >Home</a></div><div class="swiper-slide"><a href="http://m.php.cn/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/course.html" >Course</a></div><div class="swiper-slide"><a href="http://m.php.cn/faq/zt" >Topic</a></div><div class="swiper-slide"><a href="http://m.php.cn/xiazai"  >Download</a></div><div class="swiper-slide"><a href="http://m.php.cn/game" >Game</a></div><div class="swiper-slide"><a href="http://m.php.cn/dic.html" >Dictionary</a></div><div class="clear"></div></div></div><div class="langadivs"  ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a  onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan "  href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a  onclick="javascript:;" class="language course-right-orders chooselan chooselanguage"  href="javascript:;"><span>English</span><span>（EN）</span></a><a  onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan "  href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a  onclick="javascript:setlang('ja');" class="language course-right-orders chooselan "  href="javascript:;"><span>日本語</span><span>（JA）</span></a><a  onclick="javascript:setlang('ko');" class="language course-right-orders chooselan "  href="javascript:;"><span>한국어</span><span>（KO）</span></a><a  onclick="javascript:setlang('ms');" class="language course-right-orders chooselan "  href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a  onclick="javascript:setlang('fr');" class="language course-right-orders chooselan "  href="javascript:;"><span>Français</span><span>（FR）</span></a><a  onclick="javascript:setlang('de');" class="language course-right-orders chooselan "  href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script>            var swiper = new Swiper('.nphpNavSwiper1', {
                slidesPerView : 'auto',
                observer: true,//修改swiper自己或子元素时，自动初始化swiper
                observeParents: true,//修改swiper的父元素时，自动初始化swiper

});
        </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了，就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

_self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}
$("table.syntaxhighlighter").wait(function() {
    $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
      $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>