JavaScript/HTML |使HTML段落等於用戶輸入

我是HTML初學者，我想知道，我怎樣才能使HTML-Body中的段落等於用戶已經寫入到HTML-Body中的文本框中的文本一個JavaScript函數。有沒有辦法做到這一點？還有一個問題：當用戶點擊「提交」按鈕時發生了什麼？ HTML是否將用戶的所有輸入寫入變量？這裏JavaScript/HTML |使HTML段落等於用戶輸入

（編輯）所以，我的代碼（HTML）：

<!DOCTYPE html> 
<html> 
<head> 
    <script src="script.js"></script> 
    <link href="stylesheet.css" rel="stylesheet"> 
</head> 
<body> 
    <div class="input-text"> 
     <input type="user-answer" id="uA1"> 
     <p id="paragraph"></p> 
     <input type="button" onClick="inp.input();" value="Write Text"> 
    </div> 
</body> 
</html>

的JavaScript：

var inp = document.getElementById('uA1'); 
var p = document.getElementById('paragraph'); 

inp.addEventListener('input', function() { 
    p.textContent = inp.value; 
});

它仍然無法正常工作。

來源

2014-09-20 C0der_99

查看JavaScript函數'document.getElementById（）'和'innerHTML'屬性，用於將內容放在段落中。當你有一些代碼時，編輯你的問題向我們展示你的代碼。對於第二部分，當提交表單時，表單中的元素將作爲名稱 - 值對發送到服務器。該名稱來自表單元素的'name ='屬性，並且該值是該元素的值。 – 2014-09-20 18:14:34

當點擊「提交」的包含該按鈕形式URL編碼的字符串（name1=value1&name2=value2&etc=etc）的按鈕瀏覽器串行化處理內容，並執行在form標籤（action和method屬性）描述的HTTP請求。它不會創建任何變量或保存它。所有值已經保存在表單元素（DOM樹的節點）的屬性中。

要將輸入與段落同步，您必須將事件偵聽器添加到該輸入，如果用戶在其中插入任何文本，然後將輸入值用作段落的文本內容，該偵聽器將偵聽。

var inp = document.getElementById('myArea'); 
var p = document.getElementById('myP'); 

inp.addEventListener('input', function(){ 
    p.textContent = inp.value; 
});

請參閱jsFiddle。

您可以看到，在本示例中，我使用了textarea DOM節點（由其ID選擇）的屬性value。這是表單數據存儲的地方，但是直到您點擊「提交」按鈕。

來源

2014-09-20 18:20:10

對於用戶點擊「提交」按鈕時會發生什麼的問題，通常包含在輸入中的所有信息都存儲在php變量中。我不認爲你想用PHP的工作，但是這是因爲它容易：

<form method = "post" action = "next.php"> 
    <div> 
     <input id = "id" name = "id" placeholder = "your id here..." /> 
     <input id = "pass" name = "pass" placeholder = "your pass here..." /> 
    </div> 
    <div> 
     <input id = "btn_valid" value = "Valid information" /> 
    </div> 
</form>

在這個例子中，我做了一個簡短的形式，有兩個輸入，讓用戶輸入自己的ID和他的密碼。如果你指定了「name」標記（就像我在兩個輸入「id」和「pass」中所做的那樣），你將能夠像這樣在你的php「next.php」文件中獲得它們（在另一個頁面中，情況在網頁「next.php」）：

<?php 
    $id = $_POST['id']; 
    $pass = $_POST['pass']; 
?>

因爲你指定要到形式參數「next.php」，你就可以通過調用來獲得這些數據「$ _ POST ['名-of-的輸入']」。它適用於所有類型的可以有「名稱」標籤的元素！

最後的信息，一個PHP文件可以包含HTML，JavaScript或PHP代碼！但是你需要通過服務器來執行它（比如Xampp）。

來源

2014-09-20 18:33:41

JavaScript/HTML |使HTML段落等於用戶輸入

回答

相關問題