Javascript 以下代码中的自定义文本区域？_Javascript_Jquery_Html_Css_Textbox

Javascript 以下代码中的自定义文本区域？

javascript jquery html css

Javascript 以下代码中的自定义文本区域？,javascript,jquery,html,css,textbox,Javascript,Jquery,Html,Css,Textbox,请任何人都可以帮助我在以下代码中的文本区域出现在保存按钮的所有区域。我已经提供了整个页面的代码。我使用了cdn托管的jquery !DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <t

请任何人都可以帮助我在以下代码中的文本区域出现在保存按钮的所有区域。我已经提供了整个页面的代码。我使用了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>

！DOCTYPE html>
/*来自google和microsoft的应用程序自定义样式*/
请在这里输入您的笔记

这里是使用css3的解决方案并且使用jquery

css:


请在这里输入您的笔记
试试这个。我不确定这是否是你需要的。

我试过了，我真的试过了，但我不知道你想做什么。我想增加文本框的大小，当页面加载时，文本框的默认大小应该覆盖保存按钮上方的整个区域，而不是现在显示的区域。我需要高度从顶部到保存按钮，但是你的回答很有帮助，thanks@samdonly1你能详细说明一下你想要的高度吗？我想要从页面顶部到保存按钮的高度。

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+ */
}

<!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.