と は別の要素ですが、どちらもテキスト ボックスに含まれるテキストを取得する同じ機能をサポートします。次の例を考えてみましょう: コードをコピーします コードは次のとおりです: < ;head>テキストボックス値の取得の例<br>function getValues(){<br> var oTextbox1=document.getElementById("txt1");<br>var oTextbox2=document.getElementById("txt2");<br>alert("txt1 の値は "" oTextbox1.value ""n" <br> "txt2 の値は"" oTextbox2.value """);<br>}<br><入力タイプ="text" size ="12" id="txt1" /></textarea> ;<br / ><br><input type="button" value="値を取得" onclick="getValues()"/><br></body><br></html> <br> </div> <br>この例では、2 つのテキスト ボックス (1 つは単一行、もう 1 つは複数行) と 1 つのボタンを示しています。ボタンをクリックすると、各テキスト ボックスの内容を示すアラート ボックスが表示されます。 <br><br>2 つのテキスト ボックスに内容を入力してボタンをクリックすることもできます。 <br><br>value 属性は文字列であるため、任意の文字列属性とメソッドを使用できます。たとえば、length 属性を使用して、テキスト ボックス内のテキストの長さを取得できます。 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="80939" class="copybut" id="copybut80939" onclick="doCopy('code80939')"><u>コードをコピー </u></a></span> コード</div> <div class="codebody" id="code80939"> <br><html><br><head><br><title>テキストボックスの長さの取得の例</title><br><script type="text /javascript"><br>function getLengths (){<br>var oTextbox1=document.getElementById("txt1");<br>var oTextbox2=document.getElementById("txt2");<br>alert (" txt1 の長さは " oTextbox1.value.length "n"<br> "txt2 の長さは" oTextbox2.value.length);<br>}<br></script><br></head> <br><body><br> <input type="text" size="12" id="txt1"/><br /><br><textarea rows="5"cols= "25" id="txt2"> < ;/html> この例では、value の長さ属性を使用して各テキスト ボックスの文字数を決定します。 この value 属性は、テキスト ボックスの新しいコンテンツを設定するために使用することもできます。 コードをコピーします コードは次のとおりです。 テキストボックス値の変更の例<br>function setValues(){<br>var oTextbox1=document.getElementById("txt1");<br>var oTextbox2=document.getElementById("txt2");<br>oTextbox1.value="fitstテキストボックス";<br>oTextbox2 .value="2 番目のテキストボックス";<br>}<br> この例では、ボタンをクリックすると、最初のテキストボックスが「最初のテキストボックス」に設定され、2 番目のテキストボックスが「2 番目のテキストボックス」に設定されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
