導航:首頁 > 萬維百科 > 網頁設計使用文本框命令

網頁設計使用文本框命令

發布時間:2020-10-04 00:33:48

1、網頁設計html中,在文本框中輸入文字,單擊「確認」按鈕後,將文字設置為網頁標題

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<button>確認</button>
<script>

    var input = document.getElementsByTagName('input')[0];
    var button = document.getElementsByTagName('button')[0];

    button.onclick = function () {
        if(input.value.length != 0) {
            document.title = input.value;
        }
    }

</script>
</body>
</html>

2、【急!】網頁製作,在文本框中添加說明文字

HTML5新特性,placeholder
<input type="text" name="user_search" placeholder="Search W3School" />
如果低於html5,那就需要用js來實現了!

3、怎樣在網頁製作中插入文本框

表單中使用最多的對象就是文本框,比如在注冊用戶的表單中,注冊用戶名,姓名,密碼,電子郵箱和自我簡介等,這些都需要用到文本框.
文本框能夠保存任何數量的字母字元,可以設定文本框的類型是單行,多行和密碼.
插入步驟:
在插入文本框等表單對象之前,通常應該先插入表單,接著按滑鼠指針定位於表單內,然後再在這個表單中插入文本框,如果之前沒有插入表單就直接插入文本框等表單對象,默認情況下會彈出提示框,要求你添加表單.
此時只需要填寫好參數就會自動給你生成一個表單.

與網頁設計使用文本框命令相關的知識