disabled和readonly的区别

by Jack zhoumine

HTML

<input type="text" value="readony" readonly/><br/>
<input type="password" value="readony" readonly/><br/>
<textarea  readonly></textarea><br/>
<input type="number" value="7" readonly/><br/>
<input type="number" value="4"/><br/>
<input type="email" value="[email protected]" readonly/><br/>
<input type="range" value="10%" readonly/><br/>
<input type="search" value="readony" readonly/><br/>
<input type="color" value="readony" readonly/><br/>

<input type="date" value="readony" readonly/><br/>
<input type="time" value="readony" readonly/><br/>
<input type="url" value="readony" readonly/><br/>
<input type="date" value="readony" readonly/><br/>
<input type="month" value="readony" readonly/><br/>
<input type="datetime" value="readony" readonly/><br/>
<input type="week" value="readony" readonly/><br/>
<datalist id="url_list">
<option label="W3School" value="http://www.W3School.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<input type="text" value="readony" disabled/><br/>
<input type="password" value="readony" disabled/><br/>
<textarea  disabled></textarea><br/>
<input type="number" value="7" disabled/><br/>
<input type="number" value="4" disabled/><br/>
<input type="email" value="[email protected]" disabled/><br/>
<input type="range" value="10%" disabled/><br/>
<input type="search" value="readony" disabled/><br/>
<input type="color" value="readony" readonly/><br/>

<input type="date" value="readony"disabled/><br/>
<input type="time" value="readony" disabled/><br/>
<input type="url" value="readony" disabled/><br/>
<input type="date" value="readony" disabled/><br/>
<input type="month" value="readony" disabled/><br/>
<input type="datetime" value="readony" disabled/><br/>
<input type="week" value="readony" disabled/><br/>
<datalist id="url_list">
<option label="W3School" value="http://www.W3School.com.cn" disabled/>
<option label="Google" value="http://www.google.com"...