-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>
4

2 に答える 2

1

ここでは、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-13T05:13:29.263 に答える
0 
<!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-13T05:44:50.343 に答える