以下代碼中的自定義文本區域？

-1

請任何人都可以幫助我在下面的代碼中的文本區域出現在保存按鈕的所有區域。我已經提供了整個頁面的代碼。我用過cdn託管的jquery。以下代碼中的自定義文本區域？

!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1" /> 
     <title> 
     </title> 
     <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
     <link rel="stylesheet" href="my.css" /> 
     <style> 
      /* App custom styles from google and microsoft*/ 
     </style> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 
     </script> 
     <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"> 
     </script> 
     <script src="my.js"> 
     </script> 
    </head> 
    <body> 
     <!-- Home --> 
     <div data-role="page" id="page1"> 
      <div data-role="content"> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup"> 
         <label for="textarea1"> 
          <h1 style='text-align:center;'>Please enter your notes here 
          </h1> 
         </label> 
         <textarea name="" id="textarea1" placeholder=""> 
         </textarea> 
        </fieldset> 
       </div> 
       <input type="submit" data-icon="check" data-iconpos="left" value="Save" /> 
      </div> 
     </div> 
     <script> 

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

來源

2012-10-13 samdonly1

我試過，我真的有，但我不知道你」重新嘗試去做。 – ultranaut

我想在頁面加載時增加文本框的大小，然後文本框的默認大小應覆蓋保存按鈕上方的整個區域，而不是現在顯示的內容。 – samdonly1

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1" /> 
     <title> 
     </title> 
     <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
     <link rel="stylesheet" href="my.css" /> 
     <style> 

     </style> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 
     </script> 
     <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"> 
     </script> 
     <script src="my.js"> 
     </script> 
    </head> 
    <body> 
     <!-- Home --> 
     <div data-role="page" id="page1"> 
      <div data-role="content"> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup"> 
         <label for="textarea1"> 
          <h1 style='text-align:center;'>Please enter your notes here 
          </h1> 
         </label> 
         <textarea name="" id="textarea1" placeholder="" style="width:1246px;"> 
         </textarea> 
        </fieldset> 
       </div> 
       <input type="submit" data-icon="check" data-iconpos="left" value="Save" /> 
      </div> 
     </div> 
     <script> 

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

Try this. I am not sure if this is what you need.

來源

2012-10-13 05:44:50 Zephyr

我需要的高度是從頂部到保存按鈕，但你的答案是有幫助的，謝謝 – samdonly1

@ samdonly1你能詳細說明你想要的高度嗎？ – Zephyr

我想從頁面頂部到保存按鈕的高度。 – samdonly1

這裏使用CSS3解決http://css-tricks.com/box-sizing/ 和http://jsfiddle.net/cuyJ4/15/使用jQuery

CSS：

textarea { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
}

來源

2012-10-13 05:13:29

以下代碼中的自定義文本區域？

回答

相關問題