1.Inline frame The <strong> tag (also known as an inline frame element) in </strong>HTML represents a nested browsing context (browsing context), which is actually used to embed another HTML page in the current page. The width, height, and whether to display scroll bars and borders of the frame can be set through properties. The corresponding attribute names are: width, height, scrolling, frameborder. There are three values that can be set for scrolling: yes (the scroll bar is always displayed), no (the scroll bar is never displayed), and auto (the default value, the scroll bar appears when needed). </p> <div class="cnblogs_code"> <pre><span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span> <span style="color: #008080;">2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">iframe </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="http://www.baidu.com/"</span><span style="color: #ff0000;"> width</span><span style="color: #0000ff;">="1000"</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">="400"</span><span style="color: #ff0000;"> scrolling</span><span style="color: #0000ff;">="auto"</span><span style="color: #0000ff;">></</span><span style="color: #800000;">iframe</span><span style="color: #0000ff;">></span> <span style="color: #008080;">3</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span></pre> </div> <p><img src="/static/imghwm/default1.png" data-src="http://images2015.cnblogs.com/blog/1000338/201608/1000338-20160802205334825-648960501.jpg" class="lazy" alt=""></p> <h2>2.form</h2> The <p><form> tag is used to create HTML forms for user input. Forms can contain input elements such as text fields, checkboxes, radio buttons, submit buttons, etc. Forms can also contain menu, textarea, fieldset, legend, and label elements. Forms are used to transfer data to the server. </p> <ul> <li>Basic structure of the form</li> </ul> <div class="cnblogs_code"> <pre><span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">form </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="form"</span><span style="color: #ff0000;"> action</span><span style="color: #0000ff;">="URL"</span><span style="color: #ff0000;"> method</span><span style="color: #0000ff;">="get"</span><span style="color: #0000ff;">></span> <span style="color: #008080;">2</span> 用户名：<span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="uname"</span> <span style="color: #0000ff;">/></span> <span style="color: #008080;">3</span> 密 码：<span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="password"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="passwd"</span> <span style="color: #0000ff;">/></span> <span style="color: #008080;">4</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">form</span><span style="color: #0000ff;">></span></pre> </div> <ul> <li>Explanation of attributes and values that can be set in the form</li> </ul> <p> <img src="/static/imghwm/default1.png" data-src="http://images2015.cnblogs.com/blog/1000338/201608/1000338-20160802210047668-1810904414.jpg" class="lazy" style="max-width:90%" alt=""></p> <h2>3.input (form element: input box)</h2> <p><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. </p> <p><input> One of the more important attributes of the tag is the type attribute. Depending on the value set by the type attribute, the input tag will have different expressions and functions. </p> <ul> <li>Explanation of some of the values that can be set by the type attribute</li> </ul> <p><img src="/static/imghwm/default1.png" data-src="http://images2015.cnblogs.com/blog/1000338/201608/1000338-20160802211054668-528760830.jpg" class="lazy" alt=""></p> <p>Reference: HTML <input> tag</p> <div id="MySignature"></div> <div class="clear"></div>
