Advertisement
joilar

82711-white-space-textarea-test-cases.html

Jan 10th, 2014
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.09 KB | None | 0 0
  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. <textarea name="newlinestext" rows=3 cols=30>
  10. 3 blank lines follow.
  11.  
  12.  
  13.  
  14. fin.
  15. </textarea>
  16. <textarea name="spacestext" rows=3 cols=30>
  17. 3 spaces follow.   fin.
  18. </textarea>
  19. <textarea name="tabstext" rows=3 cols=30>
  20. 3 tabs follow.          fin.
  21. </textarea>
  22. <textarea name="wraptext" rows=3 cols=30>
  23. 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.
  24. </textarea>
  25. <input type="submit" value="Echo" />
  26. </form>
  27.  
  28. <h1>textarea with white-space unspecified and wrap=off</h1>
  29. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  30. <textarea name="newlinestext" wrap=off rows=3 cols=30>
  31. 3 blank lines follow.
  32.  
  33.  
  34.  
  35. fin.
  36. </textarea>
  37. <textarea name="spacestext" wrap=off rows=3 cols=30>
  38. 3 spaces follow.   fin.
  39. </textarea>
  40. <textarea name="tabstext" wrap=off rows=3 cols=30>
  41. 3 tabs follow.          fin.
  42. </textarea>
  43. <textarea name="wraptext" wrap=off rows=3 cols=30>
  44. 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.
  45. </textarea>
  46. <input type="submit" value="Echo" />
  47. </form>
  48.  
  49. <h1>textarea with white-space unspecified and wrap=soft</h1>
  50. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  51. <textarea name="newlinestext" wrap=soft rows=3 cols=30>
  52. 3 blank lines follow.
  53.  
  54.  
  55.  
  56. fin.
  57. </textarea>
  58. <textarea name="spacestext" wrap=soft rows=3 cols=30>
  59. 3 spaces follow.   fin.
  60. </textarea>
  61. <textarea name="tabstext" wrap=soft rows=3 cols=30>
  62. 3 tabs follow.          fin.
  63. </textarea>
  64. <textarea name="wraptext" wrap=soft rows=3 cols=30>
  65. 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.
  66. </textarea>
  67. <input type="submit" value="Echo" />
  68. </form>
  69.  
  70. <h1>textarea with white-space unspecified and wrap=hard</h1>
  71. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  72. <textarea name="newlinestext" wrap=hard rows=3 cols=30>
  73. 3 blank lines follow.
  74.  
  75.  
  76.  
  77. fin.
  78. </textarea>
  79. <textarea name="spacestext" wrap=hard rows=3 cols=30>
  80. 3 spaces follow.   fin.
  81. </textarea>
  82. <textarea name="tabstext" wrap=hard rows=3 cols=30>
  83. 3 tabs follow.          fin.
  84. </textarea>
  85. <textarea name="wraptext" wrap=hard rows=3 cols=30>
  86. 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.
  87. </textarea>
  88. <input type="submit" value="Echo" />
  89. </form>
  90.  
  91. <h1>textarea with white-space: normal and wrap unspecified</h1>
  92. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  93. <textarea name="newlinestext" style="white-space: normal" rows=3 cols=30>
  94. 3 blank lines follow.
  95.  
  96.  
  97.  
  98. fin.
  99. </textarea>
  100. <textarea name="spacestext" style="white-space: normal" rows=3 cols=30>
  101. 3 spaces follow.   fin.
  102. </textarea>
  103. <textarea name="tabstext" style="white-space: normal" rows=3 cols=30>
  104. 3 tabs follow.          fin.
  105. </textarea>
  106. <textarea name="wraptext" style="white-space: normal" rows=3 cols=30>
  107. 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.
  108. </textarea>
  109. <input type="submit" value="Echo" />
  110. </form>
  111.  
  112. <h1>textarea with white-space: pre and wrap unspecified</h1>
  113. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  114. <textarea name="newlinestext" style="white-space: pre" rows=3 cols=30>
  115. 3 blank lines follow.
  116.  
  117.  
  118.  
  119. fin.
  120. </textarea>
  121. <textarea name="spacestext" style="white-space: pre" rows=3 cols=30>
  122. 3 spaces follow.   fin.
  123. </textarea>
  124. <textarea name="tabstext" style="white-space: pre" rows=3 cols=30>
  125. 3 tabs follow.          fin.
  126. </textarea>
  127. <textarea name="wraptext" style="white-space: pre" rows=3 cols=30>
  128. 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.
  129. </textarea>
  130. <input type="submit" value="Echo" />
  131. </form>
  132.  
  133. <h1>textarea with white-space: nowrap and wrap unspecified</h1>
  134. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  135. <textarea name="newlinestext" style="white-space: nowrap" rows=3 cols=30>
  136. 3 blank lines follow.
  137.  
  138.  
  139.  
  140. fin.
  141. </textarea>
  142. <textarea name="spacestext" style="white-space: nowrap" rows=3 cols=30>
  143. 3 spaces follow.   fin.
  144. </textarea>
  145. <textarea name="tabstext" style="white-space: nowrap" rows=3 cols=30>
  146. 3 tabs follow.          fin.
  147. </textarea>
  148. <textarea name="wraptext" style="white-space: nowrap" rows=3 cols=30>
  149. 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.
  150. </textarea>
  151. <input type="submit" value="Echo" />
  152. </form>
  153.  
  154. <h1>textarea with white-space: pre-wrap and wrap unspecified</h1>
  155. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  156. <textarea name="newlinestext" style="white-space: pre-wrap" rows=3 cols=30>
  157. 3 blank lines follow.
  158.  
  159.  
  160.  
  161. fin.
  162. </textarea>
  163. <textarea name="spacestext" style="white-space: pre-wrap" rows=3 cols=30>
  164. 3 spaces follow.   fin.
  165. </textarea>
  166. <textarea name="tabstext" style="white-space: pre-wrap" rows=3 cols=30>
  167. 3 tabs follow.          fin.
  168. </textarea>
  169. <textarea name="wraptext" style="white-space: pre-wrap" rows=3 cols=30>
  170. 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.
  171. </textarea>
  172. <input type="submit" value="Echo" />
  173. </form>
  174.  
  175. <h1>textarea with white-space: pre-line and wrap unspecified</h1>
  176. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  177. <textarea name="newlinestext" style="white-space: pre-line" rows=3 cols=30>
  178. 3 blank lines follow.
  179.  
  180.  
  181.  
  182. fin.
  183. </textarea>
  184. <textarea name="spacestext" style="white-space: pre-line" rows=3 cols=30>
  185. 3 spaces follow.   fin.
  186. </textarea>
  187. <textarea name="tabstext" style="white-space: pre-line" rows=3 cols=30>
  188. 3 tabs follow.          fin.
  189. </textarea>
  190. <textarea name="wraptext" style="white-space: pre-line" rows=3 cols=30>
  191. 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.
  192. </textarea>
  193. <input type="submit" value="Echo" />
  194. </form>
  195.  
  196. <h1>textarea with white-space: normal and wrap=off</h1>
  197. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  198. <textarea name="newlinestext" style="white-space: normal" wrap=off rows=3 cols=30>
  199. 3 blank lines follow.
  200.  
  201.  
  202.  
  203. fin.
  204. </textarea>
  205. <textarea name="spacestext" style="white-space: normal" wrap=off rows=3 cols=30>
  206. 3 spaces follow.   fin.
  207. </textarea>
  208. <textarea name="tabstext" style="white-space: normal" wrap=off rows=3 cols=30>
  209. 3 tabs follow.          fin.
  210. </textarea>
  211. <textarea name="wraptext" style="white-space: normal" wrap=off rows=3 cols=30>
  212. 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.
  213. </textarea>
  214. <input type="submit" value="Echo" />
  215. </form>
  216.  
  217. <h1>textarea with white-space: pre and wrap=off</h1>
  218. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  219. <textarea name="newlinestext" style="white-space: pre" wrap=off rows=3 cols=30>
  220. 3 blank lines follow.
  221.  
  222.  
  223.  
  224. fin.
  225. </textarea>
  226. <textarea name="spacestext" style="white-space: pre" wrap=off rows=3 cols=30>
  227. 3 spaces follow.   fin.
  228. </textarea>
  229. <textarea name="tabstext" style="white-space: pre" wrap=off rows=3 cols=30>
  230. 3 tabs follow.          fin.
  231. </textarea>
  232. <textarea name="wraptext" style="white-space: pre" wrap=off rows=3 cols=30>
  233. 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.
  234. </textarea>
  235. <input type="submit" value="Echo" />
  236. </form>
  237.  
  238. <h1>textarea with white-space: nowrap and wrap=off</h1>
  239. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  240. <textarea name="newlinestext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  241. 3 blank lines follow.
  242.  
  243.  
  244.  
  245. fin.
  246. </textarea>
  247. <textarea name="spacestext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  248. 3 spaces follow.   fin.
  249. </textarea>
  250. <textarea name="tabstext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  251. 3 tabs follow.          fin.
  252. </textarea>
  253. <textarea name="wraptext" style="white-space: nowrap" wrap=off rows=3 cols=30>
  254. 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.
  255. </textarea>
  256. <input type="submit" value="Echo" />
  257. </form>
  258.  
  259. <h1>textarea with white-space: pre-wrap and wrap=off</h1>
  260. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  261. <textarea name="newlinestext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  262. 3 blank lines follow.
  263.  
  264.  
  265.  
  266. fin.
  267. </textarea>
  268. <textarea name="spacestext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  269. 3 spaces follow.   fin.
  270. </textarea>
  271. <textarea name="tabstext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  272. 3 tabs follow.          fin.
  273. </textarea>
  274. <textarea name="wraptext" style="white-space: pre-wrap" wrap=off rows=3 cols=30>
  275. 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.
  276. </textarea>
  277. <input type="submit" value="Echo" />
  278. </form>
  279.  
  280. <h1>textarea with white-space: pre-line and wrap=off</h1>
  281. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  282. <textarea name="newlinestext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  283. 3 blank lines follow.
  284.  
  285.  
  286.  
  287. fin.
  288. </textarea>
  289. <textarea name="spacestext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  290. 3 spaces follow.   fin.
  291. </textarea>
  292. <textarea name="tabstext" style="white-space: pre-line" wrap=off rows=3 cols=30>
  293. 3 tabs follow.          fin.
  294. </textarea>
  295. <textarea name="wraptext" style="white-space: pre-line" wrap=off 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. <input type="submit" value="Echo" />
  299. </form>
  300.  
  301. <h1>textarea with white-space: normal and wrap=soft</h1>
  302. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  303. <textarea name="newlinestext" style="white-space: normal" wrap=soft rows=3 cols=30>
  304. 3 blank lines follow.
  305.  
  306.  
  307.  
  308. fin.
  309. </textarea>
  310. <textarea name="spacestext" style="white-space: normal" wrap=soft rows=3 cols=30>
  311. 3 spaces follow.   fin.
  312. </textarea>
  313. <textarea name="tabstext" style="white-space: normal" wrap=soft rows=3 cols=30>
  314. 3 tabs follow.          fin.
  315. </textarea>
  316. <textarea name="wraptext" style="white-space: normal" wrap=soft rows=3 cols=30>
  317. 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.
  318. </textarea>
  319. <input type="submit" value="Echo" />
  320. </form>
  321.  
  322. <h1>textarea with white-space: pre and wrap=soft</h1>
  323. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  324. <textarea name="newlinestext" style="white-space: pre" wrap=soft rows=3 cols=30>
  325. 3 blank lines follow.
  326.  
  327.  
  328.  
  329. fin.
  330. </textarea>
  331. <textarea name="spacestext" style="white-space: pre" wrap=soft rows=3 cols=30>
  332. 3 spaces follow.   fin.
  333. </textarea>
  334. <textarea name="tabstext" style="white-space: pre" wrap=soft rows=3 cols=30>
  335. 3 tabs follow.          fin.
  336. </textarea>
  337. <textarea name="wraptext" style="white-space: pre" wrap=soft rows=3 cols=30>
  338. 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.
  339. </textarea>
  340. <input type="submit" value="Echo" />
  341. </form>
  342.  
  343. <h1>textarea with white-space: nowrap and wrap=soft</h1>
  344. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  345. <textarea name="newlinestext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  346. 3 blank lines follow.
  347.  
  348.  
  349.  
  350. fin.
  351. </textarea>
  352. <textarea name="spacestext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  353. 3 spaces follow.   fin.
  354. </textarea>
  355. <textarea name="tabstext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  356. 3 tabs follow.          fin.
  357. </textarea>
  358. <textarea name="wraptext" style="white-space: nowrap" wrap=soft rows=3 cols=30>
  359. 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.
  360. </textarea>
  361. <input type="submit" value="Echo" />
  362. </form>
  363.  
  364. <h1>textarea with white-space: pre-wrap and wrap=soft</h1>
  365. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  366. <textarea name="newlinestext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  367. 3 blank lines follow.
  368.  
  369.  
  370.  
  371. fin.
  372. </textarea>
  373. <textarea name="spacestext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  374. 3 spaces follow.   fin.
  375. </textarea>
  376. <textarea name="tabstext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  377. 3 tabs follow.          fin.
  378. </textarea>
  379. <textarea name="wraptext" style="white-space: pre-wrap" wrap=soft rows=3 cols=30>
  380. 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.
  381. </textarea>
  382. <input type="submit" value="Echo" />
  383. </form>
  384.  
  385. <h1>textarea with white-space: pre-line and wrap=soft</h1>
  386. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  387. <textarea name="newlinestext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  388. 3 blank lines follow.
  389.  
  390.  
  391.  
  392. fin.
  393. </textarea>
  394. <textarea name="spacestext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  395. 3 spaces follow.   fin.
  396. </textarea>
  397. <textarea name="tabstext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  398. 3 tabs follow.          fin.
  399. </textarea>
  400. <textarea name="wraptext" style="white-space: pre-line" wrap=soft rows=3 cols=30>
  401. 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.
  402. </textarea>
  403. <input type="submit" value="Echo" />
  404. </form>
  405.  
  406. <h1>textarea with white-space: normal and wrap=hard</h1>
  407. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  408. <textarea name="newlinestext" style="white-space: normal" wrap=hard rows=3 cols=30>
  409. 3 blank lines follow.
  410.  
  411.  
  412.  
  413. fin.
  414. </textarea>
  415. <textarea name="spacestext" style="white-space: normal" wrap=hard rows=3 cols=30>
  416. 3 spaces follow.   fin.
  417. </textarea>
  418. <textarea name="tabstext" style="white-space: normal" wrap=hard rows=3 cols=30>
  419. 3 tabs follow.          fin.
  420. </textarea>
  421. <textarea name="wraptext" style="white-space: normal" wrap=hard rows=3 cols=30>
  422. 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.
  423. </textarea>
  424. <input type="submit" value="Echo" />
  425. </form>
  426.  
  427. <h1>textarea with white-space: pre and wrap=hard</h1>
  428. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  429. <textarea name="newlinestext" style="white-space: pre" wrap=hard rows=3 cols=30>
  430. 3 blank lines follow.
  431.  
  432.  
  433.  
  434. fin.
  435. </textarea>
  436. <textarea name="spacestext" style="white-space: pre" wrap=hard rows=3 cols=30>
  437. 3 spaces follow.   fin.
  438. </textarea>
  439. <textarea name="tabstext" style="white-space: pre" wrap=hard rows=3 cols=30>
  440. 3 tabs follow.          fin.
  441. </textarea>
  442. <textarea name="wraptext" style="white-space: pre" wrap=hard rows=3 cols=30>
  443. 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.
  444. </textarea>
  445. <input type="submit" value="Echo" />
  446. </form>
  447.  
  448. <h1>textarea with white-space: nowrap and wrap=hard</h1>
  449. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  450. <textarea name="newlinestext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  451. 3 blank lines follow.
  452.  
  453.  
  454.  
  455. fin.
  456. </textarea>
  457. <textarea name="spacestext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  458. 3 spaces follow.   fin.
  459. </textarea>
  460. <textarea name="tabstext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  461. 3 tabs follow.          fin.
  462. </textarea>
  463. <textarea name="wraptext" style="white-space: nowrap" wrap=hard rows=3 cols=30>
  464. 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.
  465. </textarea>
  466. <input type="submit" value="Echo" />
  467. </form>
  468.  
  469. <h1>textarea with white-space: pre-wrap and wrap=hard</h1>
  470. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  471. <textarea name="newlinestext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  472. 3 blank lines follow.
  473.  
  474.  
  475.  
  476. fin.
  477. </textarea>
  478. <textarea name="spacestext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  479. 3 spaces follow.   fin.
  480. </textarea>
  481. <textarea name="tabstext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  482. 3 tabs follow.          fin.
  483. </textarea>
  484. <textarea name="wraptext" style="white-space: pre-wrap" wrap=hard rows=3 cols=30>
  485. 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.
  486. </textarea>
  487. <input type="submit" value="Echo" />
  488. </form>
  489.  
  490. <h1>textarea with white-space: pre-line and wrap=hard</h1>
  491. <form action="http://cherrypy.johnoilar.com/echo_82711" method="post">
  492. <textarea name="newlinestext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  493. 3 blank lines follow.
  494.  
  495.  
  496.  
  497. fin.
  498. </textarea>
  499. <textarea name="spacestext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  500. 3 spaces follow.   fin.
  501. </textarea>
  502. <textarea name="tabstext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  503. 3 tabs follow.          fin.
  504. </textarea>
  505. <textarea name="wraptext" style="white-space: pre-line" wrap=hard rows=3 cols=30>
  506. 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.
  507. </textarea>
  508. <input type="submit" value="Echo" />
  509. </form>
  510.  
  511. </body>
  512. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement