點選編輯按鈕,編輯按鈕下方的文字框變為可編輯

2021-09-29 15:22:28 字數 712 閱讀 4200

html部分**如下:

"edit_border"

>編輯<

/button>

"edit_contain" placeholder=

"請輸入內容" value=

"" disabled=

"disabled"

>

<

/textarea>

css部分**如下:

/* 編輯按鈕的綠色邊框 */

.edit_border

/* 儲存按鈕的樣式 */

.edit_bordered

/* 內容不可編輯的按鈕 */

.edit_contain

/* 內容可編輯的樣式 */

.edit_contained

js部分**如下:

var btns=document.

getelementsbyclassname

("edit_border");

var texts = document.

getelementsbytagname

("textarea");

window.onload =

function()

else})

}}<

/script>

表單及按鈕編輯

1.文字輸入 文字框密碼框 文字域隱藏域 value 作用 值 預設值 跟資料庫的資料對比,如果輸入的值對了,則進入。2.按鈕 提交按鈕點選後轉到form內的提交伺服器的位址 重置按鈕 普通按鈕 disabled使按鈕失效 enable使按鈕可用 3.選擇輸入 單選按鈕組 name的值用來分組,va...

原生js實現點選按鈕複製文字

封裝函式引數 id 要複製的元素id,paramtype 複製的屬性內容,一般是innertext copywxid id,paramtype else else try catch e if paramtype 原理總結 1.先建立全透明div,並把要複製的內容放入其innertext 2.建立r...

原生 js 實現點選按鈕複製文字

最近遇到乙個需求,需要點選按鈕,複製 標籤中的文字到剪下板 之前做過複製輸入框的內容,原以為差不多,結果發現根本行不通 嘗試了各種辦法,最後使了個障眼法,實現了下面的效果 一 原理分析 瀏覽器提供了 copy 命令 可以複製選中的內容 document.execcommand copy 如果是輸入框...