0427 Basic Label Learning 2

Form
|-<form></form>
|--action (behavior): point to the jump page
|--method (method): in what form to submit data
|----post: implicitly submit get : Explicit submission
|--traget: Opening method
|-----_blank: New page opening _self: own page opening
|- Text class
|-- Text box: type="text"
|-- Password box: type ="password" (password password)
|-- hidden field: type="hidden" (hidden: hidden)
|--text field: <textarea name="" rows="" cols=""></textarea>( area: area)
|---- input box prompt: placeholder
https://www.baidu.com/?a=this is the text box&b=zheshimimakuang&c=this is the hidden field&d=this is the text field

<form action="https://www.baidu.com" method="get" target="_self">
        <!--文本类-->
        文本框:<input type="text" name="a" id="" value="" placeholder="这是文本框"/><br />
        密码框:<input type="password" name="b" id="" value="" /><typeinput<
        Hidden field:/>br="hidden" name="c" id="" value="这是隐藏域" /><br />
        文本域:<textarea name="d" rows="" cols=""></textarea><br />
</form>


|-Button class
|--Normal button type="button"
|--Reset button type="reset"
|--Submit button type="submit"
|--Image button type="image"

    <input type="button" name="" id="" value="普通按钮" />
        <input type="reset" name="" id="" value="重置按钮" />
        <input type="submit" name="" id="" value="提交按钮" />
        <input type="image" src="../../xiaomi/xiaomitubiao.png" name="" id="" value="图片按钮"width="50px" height="50px" /><br />


|-Select class
|--Single selection type="radio" name value should be the same
|--Check type="checkbox"
|--Drop down <select><option></option></select> select: select
| --File selection type="file"
https://www.baidu.com/?xingbie=0&dizhi1=zd&dizhi2=lz&yanse=gren&wenjian=jcpicker.exe

<input type="radio" name="xingbie" id="" value="0" /><input type="radio" name="xingbie" id="" value="1" /><input type="checkbox" name="dizhi1" id="" value="zd" />张店
<input type="checkbox" name="dizhi2" id="" value="lz" />临淄
<input type="checkbox" name="dizhi3" id="" value="ht" />桓台
<input type="checkbox" name="dizhi4" id="" value="zc" />周村<br />
<select name="yanse"><!--select:选择-->
  <option value="yellow">黄色</option>option<-->option: option<!--
  value="gren">绿色</option>
  <option value="blue">蓝色</option>
  <option value="red">红色</option><br />
</select>
<input type="file" name="wenjian" id="" value="" /><br />


|-Other properties
|--Read-only readonly="readonly"
|--Not available disabled="disabled"
|--The default selection of radio and checkbox checked="checked"
|--The default selection of drop-down selection selected="selected"

       Text box: < input type ="" name ="" id ="" value =""   readonly ="readonly" placeholder ="This is a read-only text box" />< br /> 
            Text box: < input type =" " name ="" id ="" value =""   disabled ="disabled" placeholder ="This is an unavailable text box" />< br /> 
            <!-- The default selection of radio buttons and checkboxes-- > 
            <input type="radio" name="xingbie" id="" value="" checked="checked"/><input type="radio" name="xingbie" id="" value="" /><br />
            <input type="checkbox" name="dizhi1" id="" value="zd" / checked="checked">张店
            <input type="checkbox" name="dizhi2" id="" value="lz" / checked="checked">临淄
            <input type="checkbox" name="dizhi3" id="" value="ht" />桓台
            <input type="checkbox" name="dizhi4" id="" value="zc" />周村<br />
            <!--下拉选择的默认选中-->
            <select name="yanse">
                <option value="yellow">黄色</option>
                <option value="gren" selected="selected">绿色</option>
                <option value="blue">蓝色</option>
                <option value="red">红色</option><br />
            </select>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324980627&siteId=291194637