我直接就以HTML的格式進行寫了;我會的這樣更加容易看懂;
關于HTML部分
<div contenteditable class="editable">這里面的內容是可以編輯的</div>
script部分
editable.onfocus=function(){ console.log(editable.innerHTML); console.log(editable.innerText); console.log(editable); console.dir(editable); }
支持以下事件;
當失去焦點時;-editable.onblur=function(e){}事件
當獲取焦點時;-editable.onfocus=function(e){}事件
但是常用的change事件是不支持的;
個人覺得用它來代替textare標簽已經足夠了;
下面寫的東西是對前面的一些糾正
關于form表單的新增屬性的一些看法
<h5>這是沒有在form標簽里面的</h5> <label for="autofocusinput">自動獲取焦點的input</label> <input type="text" id=autofocusinut> <input type="text" autofocus="autofocus" id=autofocusinput>
自己測試發現 自動獲取焦點屬性并不需要在form表單里面使用;
測試了一下兩種情況
首先關于autofocus的屬性;如果你寫上是默認自動獲取焦點的;另外就是;在同時有好多input同時使用個的話;只會找到第一個進行首次獲取焦點
<h5>這是在具有form標簽包裹的情況下進行的</h5> <form> <input type="text" pattern="^[0-9]*$" required placeholder="請輸入0-9的數字" > <input type="submit" value="必須是submit"> </form>
在進行required驗證的時候;有兩點是必須的
首先就是一定要在form內就行寫入;
第二呢就是用到的提交按鈕一定要是submit;
我覺得測試這個好傻;
就直接在里面同時也測試了pattern;
在使用正則的時候我想大家可能更多就是在在網上找到相應的匹配該規則;
同樣個人也建議使用;網上的匹配工具;
