iT邦幫忙

0

關於html和js的小問題

  • 分享至 

  • xImage

因為我對html的不懂,所以連最基本的都不懂,所以想找一找你們幫幫忙。

我弄了一個表單出來,有:
account:
password:
兩個input text,還有一個按鈕,就是submit。

當我在上面輸入完資料後,按下submit的時候,會立即在下面顯示這兩個text的內容,那請問要怎弄?
我要顯示的內容:

account:xxx
password:xxxxx
abc

就是要顯示特定的格式,x是代表那個我輸入了的東西。

tf00234798提到:
因為我對html的不懂,所以連最基本的都不懂

http://search.books.com.tw/exep/prod_search.php?cat=BKA&key=HTML+5&apid=books&areaid=head_wel_search

剛好...挑一本來一起學 HTML 5 開心
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
4
海綿寶寶
iT邦大神 1 級 ‧ 2013-12-30 17:28:54
最佳解答

也許樓主只是要這樣就好了
冷

<pre class="c" name="code">



<script>
function changeLink() {
   var a = document.getElementById("account").value;
   var b = document.getElementById("password").value;
   document.getElementById('result').innerHTML= "account:" + a + "<br/>" + "password:" + b;
}
</script>


 
account:<input type=text id="account"/><br/>
password:<input type=text id="password"><br/>
<input type="button" onclick="changeLink()" value="Run"><br/>
<div id="result"></div>
 

 

可以連到 W3C school的網站
將上面的程式碼貼到左邊的框框
然後在右邊的框框看結果

就是這個了,晚點或明白會選最佳答案的,感謝你喔~

4
老鷹(eagle)
iT邦高手 1 級 ‧ 2013-12-30 16:14:59
看更多先前的回應...收起先前的回應...

補充一下,建議樓主HTML基礎與PHP基礎先打好~~!
如果基礎不打好,就會遇到無限迴圈的問與答,
這事建議啦~!希望樓主聽的進去~~!

請問那個php是另外弄一個,還是寫在下面就可以呢?

OrzPHP基礎要打好,其實上面下面都可以
我寫下面是因為要在下面顯示,
你的問題是最基本的"表單",
google: PHP表單傳送 就可以找到很多資源了!
我的提示與教學到這邊,剩下的樓主就自己查資源吧!
再說下去就抹殺你的自我學習能力了

那我可不可以不用php來做,js能做嗎..?
因為php不能即時測試,而且我大部份時間都是想當一個單機的時候用,如果設定了php,就沒法在沒有網絡的情況下使用....

dasu88 iT邦研究生 5 級 ‧ 2013-12-30 17:04:06 檢舉

這是基本的php傳值,雖然js可以弄出類似效果,但是沒什麼意義,重點在傳值後的處理工作(session或判斷之類的…)

我JS比較不精,如果是我我會用JQ

這個是程式碼

<pre class="c" name="code">


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#go").click(function(){
var name = $("#name").val();
var pass = $("#pass").val();
$("#print").html(name + pass);
});
});
</script>


<input type="text" id="name"></br>
<input type="text" id="pass"></br>
<input type="submit" id="go">
<div id="print"></div>

你可以貼上去測試
如果要學JS HTML+JS基礎要打好

4
tanpen
iT邦研究生 2 級 ‧ 2013-12-30 16:39:54

感覺很像作業~~

我就是舉一個例子,絕對不是功課....
因為我以前沒有好好學習,所以現在要弄的時候就比較困難,所以想找人問一問。

6
dasu88
iT邦研究生 5 級 ‧ 2013-12-30 16:55:49

form的送出指回本頁…
text 的 值把 $_POST["送出欄位名稱"] echo 出來。

我要發表回答

立即登入回答