API tools faq
paste
Advertisement
joilar

82711-white-space-textarea-display-none-ancestor.html

joilar
Jan 16th, 2014
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 34.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>white-space and wrap test cases</title>
  5. </head>
  6. <body>
  7. <h1>textarea with white-space unspecified and wrap unspecified</h1>
  8. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  9.     <div style="display: none">
  10.         <div>
  11.             <textarea name="newlinestext" rows=3 cols=30>
  12. 3 blank lines follow.
  13.  
  14.  
  15.  
  16. fin.
  17.             </textarea>
  18.         </div>
  19.     </div>
  20.     <div style="display: none">
  21.         <div>
  22.             <textarea name="spacestext" rows=3 cols=30>
  23. 3 spaces follow.   fin.
  24.             </textarea>
  25.         </div>
  26.     </div>
  27.     <div style="display: none">
  28.         <div>
  29.             <textarea name="tabstext" rows=3 cols=30>
  30. 3 tabs follow.          fin.
  31.             </textarea>
  32.         </div>
  33.     </div>
  34.     <div style="display: none">
  35.         <div>
  36.             <textarea name="wraptext" rows=3 cols=30>
  37. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  38.             </textarea>
  39.         </div>
  40.     </div>
  41. <input type="submit" value="Echo" />
  42. </form>
  43.  
  44. <h1>textarea with white-space unspecified and wrap=off</h1>
  45. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  46.     <div style="display: none">
  47.         <div>
  48.             <textarea name="newlinestext" wrap=off rows=3 cols=30>
  49. 3 blank lines follow.
  50.  
  51.  
  52.  
  53. fin.
  54.             </textarea>
  55.         </div>
  56.     </div>
  57.     <div style="display: none">
  58.         <div>
  59.             <textarea name="spacestext" wrap=off rows=3 cols=30>
  60. 3 spaces follow.   fin.
  61.             </textarea>
  62.         </div>
  63.     </div>
  64.     <div style="display: none">
  65.         <div>
  66.             <textarea name="tabstext" wrap=off rows=3 cols=30>
  67. 3 tabs follow.          fin.
  68.             </textarea>
  69.         </div>
  70.     </div>
  71.     <div style="display: none">
  72.         <div>
  73.             <textarea name="wraptext" wrap=off rows=3 cols=30>
  74. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  75.             </textarea>
  76.         </div>
  77.     </div>
  78. <input type="submit" value="Echo" />
  79. </form>
  80.  
  81. <h1>textarea with white-space unspecified and wrap=soft</h1>
  82. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  83.     <div style="display: none">
  84.         <div>
  85.             <textarea name="newlinestext" wrap=soft rows=3 cols=30>
  86. 3 blank lines follow.
  87.  
  88.  
  89.  
  90. fin.
  91.             </textarea>
  92.         </div>
  93.     </div>
  94.     <div style="display: none">
  95.         <div>
  96.             <textarea name="spacestext" wrap=soft rows=3 cols=30>
  97. 3 spaces follow.   fin.
  98.             </textarea>
  99.         </div>
  100.     </div>
  101.     <div style="display: none">
  102.         <div>
  103.             <textarea name="tabstext" wrap=soft rows=3 cols=30>
  104. 3 tabs follow.          fin.
  105.             </textarea>
  106.         </div>
  107.     </div>
  108.     <div style="display: none">
  109.         <div>
  110.             <textarea name="wraptext" wrap=soft rows=3 cols=30>
  111. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  112.             </textarea>
  113.         </div>
  114.     </div>
  115. <input type="submit" value="Echo" />
  116. </form>
  117.  
  118. <h1>textarea with white-space unspecified and wrap=hard</h1>
  119. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  120.     <div style="display: none">
  121.         <div>
  122.             <textarea name="newlinestext" wrap=hard rows=3 cols=30>
  123. 3 blank lines follow.
  124.  
  125.  
  126.  
  127. fin.
  128.             </textarea>
  129.         </div>
  130.     </div>
  131.     <div style="display: none">
  132.         <div>
  133.             <textarea name="spacestext" wrap=hard rows=3 cols=30>
  134. 3 spaces follow.   fin.
  135.             </textarea>
  136.         </div>
  137.     </div>
  138.     <div style="display: none">
  139.         <div>
  140.             <textarea name="tabstext" wrap=hard rows=3 cols=30>
  141. 3 tabs follow.          fin.
  142.             </textarea>
  143.         </div>
  144.     </div>
  145.     <div style="display: none">
  146.         <div>
  147.             <textarea name="wraptext" wrap=hard rows=3 cols=30>
  148. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  149.             </textarea>
  150.         </div>
  151.     </div>
  152. <input type="submit" value="Echo" />
  153. </form>
  154.  
  155. <h1>textarea with white-space: normal and wrap unspecified</h1>
  156. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  157.     <div style="display: none">
  158.         <div>
  159.             <textarea name="newlinestext" style="white-space: normal" rows=3 cols=30>
  160. 3 blank lines follow.
  161.  
  162.  
  163.  
  164. fin.
  165.             </textarea>
  166.         </div>
  167.     </div>
  168.     <div style="display: none">
  169.         <div>
  170.             <textarea name="spacestext" style="white-space: normal" rows=3 cols=30>
  171. 3 spaces follow.   fin.
  172.             </textarea>
  173.         </div>
  174.     </div>
  175.     <div style="display: none">
  176.         <div>
  177.             <textarea name="tabstext" style="white-space: normal" rows=3 cols=30>
  178. 3 tabs follow.          fin.
  179.             </textarea>
  180.         </div>
  181.     </div>
  182.     <div style="display: none">
  183.         <div>
  184.             <textarea name="wraptext" style="white-space: normal" rows=3 cols=30>
  185. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  186.             </textarea>
  187.         </div>
  188.     </div>
  189. <input type="submit" value="Echo" />
  190. </form>
  191.  
  192. <h1>textarea with white-space: pre and wrap unspecified</h1>
  193. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  194.     <div style="display: none">
  195.         <div>
  196.             <textarea name="newlinestext" style="white-space: pre" rows=3 cols=30>
  197. 3 blank lines follow.
  198.  
  199.  
  200.  
  201. fin.
  202.             </textarea>
  203.         </div>
  204.     </div>
  205.     <div style="display: none">
  206.         <div>
  207.             <textarea name="spacestext" style="white-space: pre" rows=3 cols=30>
  208. 3 spaces follow.   fin.
  209.             </textarea>
  210.         </div>
  211.     </div>
  212.     <div style="display: none">
  213.         <div>
  214.             <textarea name="tabstext" style="white-space: pre" rows=3 cols=30>
  215. 3 tabs follow.          fin.
  216.             </textarea>
  217.         </div>
  218.     </div>
  219.     <div style="display: none">
  220.         <div>
  221.             <textarea name="wraptext" style="white-space: pre" rows=3 cols=30>
  222. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  223.             </textarea>
  224.         </div>
  225.     </div>
  226. <input type="submit" value="Echo" />
  227. </form>
  228.  
  229. <h1>textarea with white-space: nowrap and wrap unspecified</h1>
  230. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  231.     <div style="display: none">
  232.         <div>
  233.             <textarea name="newlinestext" style="white-space: nowrap" rows=3 cols=30>
  234. 3 blank lines follow.
  235.  
  236.  
  237.  
  238. fin.
  239.             </textarea>
  240.         </div>
  241.     </div>
  242.     <div style="display: none">
  243.         <div>
  244.             <textarea name="spacestext" style="white-space: nowrap" rows=3 cols=30>
  245. 3 spaces follow.   fin.
  246.             </textarea>
  247.         </div>
  248.     </div>
  249.     <div style="display: none">
  250.         <div>
  251.             <textarea name="tabstext" style="white-space: nowrap" rows=3 cols=30>
  252. 3 tabs follow.          fin.
  253.             </textarea>
  254.         </div>
  255.     </div>
  256.     <div style="display: none">
  257.         <div>
  258.             <textarea name="wraptext" style="white-space: nowrap" rows=3 cols=30>
  259. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  260.             </textarea>
  261.         </div>
  262.     </div>
  263. <input type="submit" value="Echo" />
  264. </form>
  265.  
  266. <h1>textarea with white-space: pre-wrap and wrap unspecified</h1>
  267. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  268.     <div style="display: none">
  269.         <div>
  270.             <textarea name="newlinestext" style="white-space: pre-wrap" rows=3 cols=30>
  271. 3 blank lines follow.
  272.  
  273.  
  274.  
  275. fin.
  276.             </textarea>
  277.         </div>
  278.     </div>
  279.     <div style="display: none">
  280.         <div>
  281.             <textarea name="spacestext" style="white-space: pre-wrap" rows=3 cols=30>
  282. 3 spaces follow.   fin.
  283.             </textarea>
  284.         </div>
  285.     </div>
  286.     <div style="display: none">
  287.         <div>
  288.             <textarea name="tabstext" style="white-space: pre-wrap" rows=3 cols=30>
  289. 3 tabs follow.          fin.
  290.             </textarea>
  291.         </div>
  292.     </div>
  293.     <div style="display: none">
  294.         <div>
  295.             <textarea name="wraptext" style="white-space: pre-wrap" rows=3 cols=30>
  296. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  297.             </textarea>
  298.         </div>
  299.     </div>
  300. <input type="submit" value="Echo" />
  301. </form>
  302.  
  303. <h1>textarea with white-space: pre-line and wrap unspecified</h1>
  304. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  305.     <div style="display: none">
  306.         <div>
  307.             <textarea name="newlinestext" style="white-space: pre-line" rows=3 cols=30>
  308. 3 blank lines follow.
  309.  
  310.  
  311.  
  312. fin.
  313.             </textarea>
  314.         </div>
  315.     </div>
  316.     <div style="display: none">
  317.         <div>
  318.             <textarea name="spacestext" style="white-space: pre-line" rows=3 cols=30>
  319. 3 spaces follow.   fin.
  320.             </textarea>
  321.         </div>
  322.     </div>
  323.     <div style="display: none">
  324.         <div>
  325.             <textarea name="tabstext" style="white-space: pre-line" rows=3 cols=30>
  326. 3 tabs follow.          fin.
  327.             </textarea>
  328.         </div>
  329.     </div>
  330.     <div style="display: none">
  331.         <div>
  332.             <textarea name="wraptext" style="white-space: pre-line" rows=3 cols=30>
  333. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  334.             </textarea>
  335.         </div>
  336.     </div>
  337. <input type="submit" value="Echo" />
  338. </form>
  339.  
  340. <h1>textarea with white-space: normal and wrap=off</h1>
  341. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  342.     <div style="display: none">
  343.         <div>
  344.             <textarea name="newlinestext" style="white-space: normal" wrap=off rows=3 cols=30>
  345. 3 blank lines follow.
  346.  
  347.  
  348.  
  349. fin.
  350.             </textarea>
  351.         </div>
  352.     </div>
  353.     <div style="display: none">
  354.         <div>
  355.             <textarea name="spacestext" style="white-space: normal" wrap=off rows=3 cols=30>
  356. 3 spaces follow.   fin.
  357.             </textarea>
  358.         </div>
  359.     </div>
  360.     <div style="display: none">
  361.         <div>
  362.             <textarea name="tabstext" style="white-space: normal" wrap=off rows=3 cols=30>
  363. 3 tabs follow.          fin.
  364.             </textarea>
  365.         </div>
  366.     </div>
  367.     <div style="display: none">
  368.         <div>
  369.             <textarea name="wraptext" style="white-space: normal" wrap=off rows=3 cols=30>
  370. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  371.             </textarea>
  372.         </div>
  373.     </div>
  374. <input type="submit" value="Echo" />
  375. </form>
  376.  
  377. <h1>textarea with white-space: pre and wrap=off</h1>
  378. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  379.     <div style="display: none">
  380.         <div>
  381.             <textarea name="newlinestext" style="white-space: pre" wrap=off rows=3 cols=30>
  382. 3 blank lines follow.
  383.  
  384.  
  385.  
  386. fin.
  387.             </textarea>
  388.         </div>
  389.     </div>
  390.     <div style="display: none">
  391.         <div>
  392.             <textarea name="spacestext" style="white-space: pre" wrap=off rows=3 cols=30>
  393. 3 spaces follow.   fin.
  394.             </textarea>
  395.         </div>
  396.     </div>
  397.     <div style="display: none">
  398.         <div>
  399.             <textarea name="tabstext" style="white-space: pre" wrap=off rows=3 cols=30>
  400. 3 tabs follow.          fin.
  401.             </textarea>
  402.         </div>
  403.     </div>
  404.     <div style="display: none">
  405.         <div>
  406.             <textarea name="wraptext" style="white-space: pre" wrap=off rows=3 cols=30>
  407. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  408.             </textarea>
  409.         </div>
  410.     </div>
  411. <input type="submit" value="Echo" />
  412. </form>
  413.  
  414. <h1>textarea with white-space: nowrap and wrap=off</h1>
  415. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  416.     <div style="display: none">
  417.         <div>
  418.             <textarea name="newlinestext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  419. 3 blank lines follow.
  420.  
  421.  
  422.  
  423. fin.
  424.             </textarea>
  425.         </div>
  426.     </div>
  427.     <div style="display: none">
  428.         <div>
  429.             <textarea name="spacestext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  430. 3 spaces follow.   fin.
  431.             </textarea>
  432.         </div>
  433.     </div>
  434.     <div style="display: none">
  435.         <div>
  436.             <textarea name="tabstext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  437. 3 tabs follow.          fin.
  438.             </textarea>
  439.         </div>
  440.     </div>
  441.     <div style="display: none">
  442.         <div>
  443.             <textarea name="wraptext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  444. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  445.             </textarea>
  446.         </div>
  447.     </div>
  448. <input type="submit" value="Echo" />
  449. </form>
  450.  
  451. <h1>textarea with white-space: pre-wrap and wrap=off</h1>
  452. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  453.     <div style="display: none">
  454.         <div>
  455.             <textarea name="newlinestext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  456. 3 blank lines follow.
  457.  
  458.  
  459.  
  460. fin.
  461.             </textarea>
  462.         </div>
  463.     </div>
  464.     <div style="display: none">
  465.         <div>
  466.             <textarea name="spacestext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  467. 3 spaces follow.   fin.
  468.             </textarea>
  469.         </div>
  470.     </div>
  471.     <div style="display: none">
  472.         <div>
  473.             <textarea name="tabstext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  474. 3 tabs follow.          fin.
  475.             </textarea>
  476.         </div>
  477.     </div>
  478.     <div style="display: none">
  479.         <div>
  480.             <textarea name="wraptext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  481. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  482.             </textarea>
  483.         </div>
  484.     </div>
  485. <input type="submit" value="Echo" />
  486. </form>
  487.  
  488. <h1>textarea with white-space: pre-line and wrap=off</h1>
  489. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  490.     <div style="display: none">
  491.         <div>
  492.             <textarea name="newlinestext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  493. 3 blank lines follow.
  494.  
  495.  
  496.  
  497. fin.
  498.             </textarea>
  499.         </div>
  500.     </div>
  501.     <div style="display: none">
  502.         <div>
  503.             <textarea name="spacestext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  504. 3 spaces follow.   fin.
  505.             </textarea>
  506.         </div>
  507.     </div>
  508.     <div style="display: none">
  509.         <div>
  510.             <textarea name="tabstext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  511. 3 tabs follow.          fin.
  512.             </textarea>
  513.         </div>
  514.     </div>
  515.     <div style="display: none">
  516.         <div>
  517.             <textarea name="wraptext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  518. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  519.             </textarea>
  520.         </div>
  521.     </div>
  522. <input type="submit" value="Echo" />
  523. </form>
  524.  
  525. <h1>textarea with white-space: normal and wrap=soft</h1>
  526. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  527.     <div style="display: none">
  528.         <div>
  529.             <textarea name="newlinestext" style="white-space: normal" wrap=soft rows=3 cols=30>
  530. 3 blank lines follow.
  531.  
  532.  
  533.  
  534. fin.
  535.             </textarea>
  536.         </div>
  537.     </div>
  538.     <div style="display: none">
  539.         <div>
  540.             <textarea name="spacestext" style="white-space: normal" wrap=soft rows=3 cols=30>
  541. 3 spaces follow.   fin.
  542.             </textarea>
  543.         </div>
  544.     </div>
  545.     <div style="display: none">
  546.         <div>
  547.             <textarea name="tabstext" style="white-space: normal" wrap=soft rows=3 cols=30>
  548. 3 tabs follow.          fin.
  549.             </textarea>
  550.         </div>
  551.     </div>
  552.     <div style="display: none">
  553.         <div>
  554.             <textarea name="wraptext" style="white-space: normal" wrap=soft rows=3 cols=30>
  555. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  556.             </textarea>
  557.         </div>
  558.     </div>
  559. <input type="submit" value="Echo" />
  560. </form>
  561.  
  562. <h1>textarea with white-space: pre and wrap=soft</h1>
  563. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  564.     <div style="display: none">
  565.         <div>
  566.             <textarea name="newlinestext" style="white-space: pre" wrap=soft rows=3 cols=30>
  567. 3 blank lines follow.
  568.  
  569.  
  570.  
  571. fin.
  572.             </textarea>
  573.         </div>
  574.     </div>
  575.     <div style="display: none">
  576.         <div>
  577.             <textarea name="spacestext" style="white-space: pre" wrap=soft rows=3 cols=30>
  578. 3 spaces follow.   fin.
  579.             </textarea>
  580.         </div>
  581.     </div>
  582.     <div style="display: none">
  583.         <div>
  584.             <textarea name="tabstext" style="white-space: pre" wrap=soft rows=3 cols=30>
  585. 3 tabs follow.          fin.
  586.             </textarea>
  587.         </div>
  588.     </div>
  589.     <div style="display: none">
  590.         <div>
  591.             <textarea name="wraptext" style="white-space: pre" wrap=soft rows=3 cols=30>
  592. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  593.             </textarea>
  594.         </div>
  595.     </div>
  596. <input type="submit" value="Echo" />
  597. </form>
  598.  
  599. <h1>textarea with white-space: nowrap and wrap=soft</h1>
  600. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  601.     <div style="display: none">
  602.         <div>
  603.             <textarea name="newlinestext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  604. 3 blank lines follow.
  605.  
  606.  
  607.  
  608. fin.
  609.             </textarea>
  610.         </div>
  611.     </div>
  612.     <div style="display: none">
  613.         <div>
  614.             <textarea name="spacestext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  615. 3 spaces follow.   fin.
  616.             </textarea>
  617.         </div>
  618.     </div>
  619.     <div style="display: none">
  620.         <div>
  621.             <textarea name="tabstext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  622. 3 tabs follow.          fin.
  623.             </textarea>
  624.         </div>
  625.     </div>
  626.     <div style="display: none">
  627.         <div>
  628.             <textarea name="wraptext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  629. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  630.             </textarea>
  631.         </div>
  632.     </div>
  633. <input type="submit" value="Echo" />
  634. </form>
  635.  
  636. <h1>textarea with white-space: pre-wrap and wrap=soft</h1>
  637. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  638.     <div style="display: none">
  639.         <div>
  640.             <textarea name="newlinestext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  641. 3 blank lines follow.
  642.  
  643.  
  644.  
  645. fin.
  646.             </textarea>
  647.         </div>
  648.     </div>
  649.     <div style="display: none">
  650.         <div>
  651.             <textarea name="spacestext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  652. 3 spaces follow.   fin.
  653.             </textarea>
  654.         </div>
  655.     </div>
  656.     <div style="display: none">
  657.         <div>
  658.             <textarea name="tabstext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  659. 3 tabs follow.          fin.
  660.             </textarea>
  661.         </div>
  662.     </div>
  663.     <div style="display: none">
  664.         <div>
  665.             <textarea name="wraptext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  666. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  667.             </textarea>
  668.         </div>
  669.     </div>
  670. <input type="submit" value="Echo" />
  671. </form>
  672.  
  673. <h1>textarea with white-space: pre-line and wrap=soft</h1>
  674. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  675.     <div style="display: none">
  676.         <div>
  677.             <textarea name="newlinestext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  678. 3 blank lines follow.
  679.  
  680.  
  681.  
  682. fin.
  683.             </textarea>
  684.         </div>
  685.     </div>
  686.     <div style="display: none">
  687.         <div>
  688.             <textarea name="spacestext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  689. 3 spaces follow.   fin.
  690.             </textarea>
  691.         </div>
  692.     </div>
  693.     <div style="display: none">
  694.         <div>
  695.             <textarea name="tabstext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  696. 3 tabs follow.          fin.
  697.             </textarea>
  698.         </div>
  699.     </div>
  700.     <div style="display: none">
  701.         <div>
  702.             <textarea name="wraptext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  703. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  704.             </textarea>
  705.         </div>
  706.     </div>
  707. <input type="submit" value="Echo" />
  708. </form>
  709.  
  710. <h1>textarea with white-space: normal and wrap=hard</h1>
  711. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  712.     <div style="display: none">
  713.         <div>
  714.             <textarea name="newlinestext" style="white-space: normal" wrap=hard rows=3 cols=30>
  715. 3 blank lines follow.
  716.  
  717.  
  718.  
  719. fin.
  720.             </textarea>
  721.         </div>
  722.     </div>
  723.     <div style="display: none">
  724.         <div>
  725.             <textarea name="spacestext" style="white-space: normal" wrap=hard rows=3 cols=30>
  726. 3 spaces follow.   fin.
  727.             </textarea>
  728.         </div>
  729.     </div>
  730.     <div style="display: none">
  731.         <div>
  732.             <textarea name="tabstext" style="white-space: normal" wrap=hard rows=3 cols=30>
  733. 3 tabs follow.          fin.
  734.             </textarea>
  735.         </div>
  736.     </div>
  737.     <div style="display: none">
  738.         <div>
  739.             <textarea name="wraptext" style="white-space: normal" wrap=hard rows=3 cols=30>
  740. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  741.             </textarea>
  742.         </div>
  743.     </div>
  744. <input type="submit" value="Echo" />
  745. </form>
  746.  
  747. <h1>textarea with white-space: pre and wrap=hard</h1>
  748. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  749.     <div style="display: none">
  750.         <div>
  751.             <textarea name="newlinestext" style="white-space: pre" wrap=hard rows=3 cols=30>
  752. 3 blank lines follow.
  753.  
  754.  
  755.  
  756. fin.
  757.             </textarea>
  758.         </div>
  759.     </div>
  760.     <div style="display: none">
  761.         <div>
  762.             <textarea name="spacestext" style="white-space: pre" wrap=hard rows=3 cols=30>
  763. 3 spaces follow.   fin.
  764.             </textarea>
  765.         </div>
  766.     </div>
  767.     <div style="display: none">
  768.         <div>
  769.             <textarea name="tabstext" style="white-space: pre" wrap=hard rows=3 cols=30>
  770. 3 tabs follow.          fin.
  771.             </textarea>
  772.         </div>
  773.     </div>
  774.     <div style="display: none">
  775.         <div>
  776.             <textarea name="wraptext" style="white-space: pre" wrap=hard rows=3 cols=30>
  777. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  778.             </textarea>
  779.         </div>
  780.     </div>
  781. <input type="submit" value="Echo" />
  782. </form>
  783.  
  784. <h1>textarea with white-space: nowrap and wrap=hard</h1>
  785. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  786.     <div style="display: none">
  787.         <div>
  788.             <textarea name="newlinestext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  789. 3 blank lines follow.
  790.  
  791.  
  792.  
  793. fin.
  794.             </textarea>
  795.         </div>
  796.     </div>
  797.     <div style="display: none">
  798.         <div>
  799.             <textarea name="spacestext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  800. 3 spaces follow.   fin.
  801.             </textarea>
  802.         </div>
  803.     </div>
  804.     <div style="display: none">
  805.         <div>
  806.             <textarea name="tabstext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  807. 3 tabs follow.          fin.
  808.             </textarea>
  809.         </div>
  810.     </div>
  811.     <div style="display: none">
  812.         <div>
  813.             <textarea name="wraptext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  814. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  815.             </textarea>
  816.         </div>
  817.     </div>
  818. <input type="submit" value="Echo" />
  819. </form>
  820.  
  821. <h1>textarea with white-space: pre-wrap and wrap=hard</h1>
  822. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  823.     <div style="display: none">
  824.         <div>
  825.             <textarea name="newlinestext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  826. 3 blank lines follow.
  827.  
  828.  
  829.  
  830. fin.
  831.             </textarea>
  832.         </div>
  833.     </div>
  834.     <div style="display: none">
  835.         <div>
  836.             <textarea name="spacestext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  837. 3 spaces follow.   fin.
  838.             </textarea>
  839.         </div>
  840.     </div>
  841.     <div style="display: none">
  842.         <div>
  843.             <textarea name="tabstext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  844. 3 tabs follow.          fin.
  845.             </textarea>
  846.         </div>
  847.     </div>
  848.     <div style="display: none">
  849.         <div>
  850.             <textarea name="wraptext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  851. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  852.             </textarea>
  853.         </div>
  854.     </div>
  855. <input type="submit" value="Echo" />
  856. </form>
  857.  
  858. <h1>textarea with white-space: pre-line and wrap=hard</h1>
  859. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  860.     <div style="display: none">
  861.         <div>
  862.             <textarea name="newlinestext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  863. 3 blank lines follow.
  864.  
  865.  
  866.  
  867. fin.
  868.             </textarea>
  869.         </div>
  870.     </div>
  871.     <div style="display: none">
  872.         <div>
  873.             <textarea name="spacestext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  874. 3 spaces follow.   fin.
  875.             </textarea>
  876.         </div>
  877.     </div>
  878.     <div style="display: none">
  879.         <div>
  880.             <textarea name="tabstext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  881. 3 tabs follow.          fin.
  882.             </textarea>
  883.         </div>
  884.     </div>
  885.     <div style="display: none">
  886.         <div>
  887.             <textarea name="wraptext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  888. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  889.             </textarea>
  890.         </div>
  891.     </div>
  892. <input type="submit" value="Echo" />
  893. </form>
  894.  
  895. </body>
  896. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!