HTML 如何獲取輸入框的值

前沿

非常非常久的時間沒有寫html了,一直做原生混合html的開發,很多時候都需要自己寫一個html頁面,然後調用android中寫的js方法進行測試,最近在研究返利網的返利模式,需要自己寫一個html,有一個輸入框,然後獲取到輸入框的值,進行安裝判斷,然後跳轉,很久沒寫,html都不會寫了,下面是存着方便後期自己忘記的時候再次使用。

1.如何寫一個輸入框

//依稀來記得之前老師說的,id唯一,name不唯一
<input id="data" type="text" name="name" />

2.寫一個button用於獲取值

<input type="submit" value="測試"  onclick="test()"/>

其中value爲顯示的值 類似 android:text=”測試“

type=”submit” 就是提交按鈕

οnclick=“test()” 點擊事件

3.如何獲取輸入框的值

1)沒有導入jquery的情況下

        //測試
        function test(){
           //獲取 輸入框的值
           alert(document.getElementById("data").value);
        }

2)導入了jqery的情況下

    //測試
    function test(){
     alert($('#data').value);
    }

4.整體代碼

因爲當中含有很多自己正在測試的代碼,提取自己需要的就好

<html>
<head>
    <title>測試</title>
    <script type="text/javascript">
       function btnAction()
        {
           //dd="intent://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https%3A%2F%2Fqr.alipay.com%2Fbax05351pgjhc4yegd2y2084%3F_s%3Dwebother&_t=1474448799004#Intent;scheme=alipayqr;package=com.eg.android.AlipayGphone;end";
           //window.location.href=dd;
        };
        function jumpOne(){
          RHNativeJS.openAliSDK();
           //window.location.href='http://baidu.com';
        };i
        function jumpTwo(){
          RHNativeJS.openURlFormKepler('http://m.jd.com');
        //window.location.href='https://ai.m.taobao.com/search.html?pid=mm_13127418_5600488_25688336&q=某某&unid=D02vdaw8ZZ003tf379k2';
        };
        function fuqinming(){
          xxx.openJDHomeApp();
        }
        function test(str){
          alert("dddddd:"+str);
          <!--var builder = new BolbBuilder();-->
          <!--builder.append(str);-->
         var myBlob = new Blob(str, {'type': 'text\/xml'});
          alert("fuqinming");
        }
        //btnAction();
        function openKepler(){
            //打開開普勒
            xxx.openJDHome();
        }
        //APP方式打開開普勒
        function openJDHomeApp(){
           xxx.openJDHomeApp();
        }
        //HTML方式打開開普勒
        function openJDHomeWeb(){
            xxx.openJDHomeWeb();
        }
        //打開阿里百川
        function openAliDemo(){
          xxx.openBaichuan();
        };
        //APP打開阿里百川
        function openAliHomeApp(){
          RHNativeJS.openAliHomeApp();
        }
        //HTML方式打開阿里百川
        function openAliHomeWeb(){
           alert("hehehe");
           xxx.openAliHomeWeb();
        }
        //測試
        function test(){
        //獲取 輸入框的值
        alert(document.getElementById("data").value);
        }
    </script>
</head>
<body>
<p/>
<p/>
調用京東NATIVE方法模擬:<br/>
<button type="submit" onclick="openKepler()">調起京東[判斷是否安裝]</button>
<p/>
<button type="submit" onclick="openJDHomeApp()">調起京東[APP打開方式]</button>
<p/>
<button type="submit" onclick="openJDHomeWeb()">調起京東[HTML打開方式]</button>
<p/>
<p/>
<p/>
調用淘寶百川NATIVE方法模擬:<br/>
<button type="submit" onclick="openAliDemo()">調起阿里百川[是否安裝]</button>
<p/>
<button type="submit" onclick="openAliHomeApp()"> 調起阿里百川[APP打開方式]</button>
<p/>
<button type="submit" onclick="openAliHomeWeb()"> 調起阿里百川[HTML打開方式]</button>
<p/>
<p/>
<p/>
測試打開淘寶觸屏版中的更多button<br/>
<button type="submit" onclick="btnAction()">調起更多button呼氣協議</button>
<p/>
<p/>
下面爲模仿返利網_淘寶返利<p/>
<input id="data" type="text" name="lname" />
<p/>
<input type="submit" value="測試"  onclick="test()"/>
</body>
</html>

感嘆,溫故而知新,很多不常寫的東西,很容易忘記。哎,我這個記憶不好的人,可怎麼辦呢。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章