Sometimes, the dropdown box does not meet our business needs, also need to support user input content, the default select tag is not support user input, below I say how the native Select support user input, the code is as follows:
<!DOCTYPE HTML><HTML> <Head> <title></title> </Head> <Body> <Divstyle= "position:relative;"> <spanstyle= "Margin-left:105px;overflow:hidden;"> <Selectstyle= "width:118px;margin-left:-100px;height:21px;"onchange= "This.parentnode.nextsibling.value=this.options[this.selectedindex].text;"> <optionvalue= "-1">Please select ...</option> <optionvalue= "1">Option One</option> <optionvalue= "2">Option two</option> <optionvalue= "3">Option three</option> </Select> </span> <inputtype= "text"style= "width:100px;position:absolute;left:0px;"value= "Please select ..."> </Div> </Body></HTML>
HTML5 drop-down control supports both text input and drop-down code