Essential Form Design for Designers (Part I)

Front-end developers commonly adopt two approaches when implementing forms. First approach: Due to inherent element constraints—and for layout convenience—developers often omit the border property from the itself. Instead, they wrap the inside a or element and apply styling (e.g., dimensions) to that container. The visible outer border you see is thus applied to the or , not the . In this case, margin is applied directly to the . Code example: For those unfamiliar with code, here’s an explanation: A container has a width of 512 px, height of 32 px, and a 1-pixel border in color #9195a3. Inside it sits an field with width 488 px and no border. This input is offset by 4 px vertically (top/bottom) and 12 px horizontally (left/right) from the container’s edges. Text inside the input uses 14-pt font size and 24-px line height. Second approach: Directly assign width, height, and border properties to the element itself, and use padding to control the size and positioning of the effective input area. Code example: Explanation: This is an field 512 px wide and 28 px tall, with a 1-pixel border in color #9195a3. Padding pushes the text input/display area inward by 4 px vertically and 12 px horizontally. Text remains 14-pt with 24-px line height. Baidu’s homepage uses this second method. Open browser DevTools (F12 or right-click → “Inspect”): In the first screenshot, the gray border represents the outer visual boundary—the part designers most frequently draw. In the second and third screenshots, the blue region indicates the effective input area—the space where users type and view text. Here, developers set explicit dimensions on the and applied padding, causing the functional input zone to recede inward—exactly as shown in blue.

Stock splits truly boost share prices—but not for the reason you think.

Other highest-priced stocks in the S&P 500 include: Booking Holdings (BKNG), ~$2,300; AutoZone (AZO), ~$2,040; Chipotle Mexican Grill (CMG), ~$1,600; and Mettler-Toledo International (MTD), ~$1,350. A classic rationale for stock splits is that they make shares more affordable for individual investors—or employees—who might otherwise find high-priced stocks prohibitively expensive. For example, consider a $2 billion market-cap company with 1 million shares outstanding and a share price of $2,000. After a 1-for-10 split, it would have 10 million shares outstanding at $200 per share—still totaling $2 billion in market capitalization. Pre-split shareholders receive nine additional shares for every one they hold. An investor previously unwilling to commit $2,000 can now buy one share for just $200—significantly lowering the entry barrier. Companies aim for a diversified shareholder base comprising both institutional and retail investors—a group whose influence on markets and individual stocks has grown markedly in recent years. Yet this logic holds far less weight today than it did just a few years ago. Most brokerages now allow investors to purchase fractional shares—i.e., ‘slices’—of individual stocks. Fidelity permits customers to buy thousands of U.S. stocks and ETFs starting from just $1. Robinhood users can even buy one-millionth of a share. An investor can effortlessly acquire $200, $1, $10, or $54.31 worth of a $2,000 stock. A Fidelity spokesperson noted that last year, 2.3 million accounts used fractional-share trading. Moreover, many investors gain exposure via index-tracking ETFs, which let them hold baskets of stocks at prices far below the aggregate cost of the underlying securities. In the past, splits could disadvantage investors who paid per-share commissions (rather than per-trade fees). But in today’s zero-commission trading environment—now standard across most brokerages—this drawback has effectively vanished. Options trade in standardized lots of 100 shares, so options contracts on high-priced stocks can be extremely costly. Retail participation in options markets has exploded over the past two years—making this factor potentially more relevant. Yet its impact matters far more for companies like GameStop than for giants like Amazon or Alphabet. Lower nominal share prices also increase the likelihood of inclusion in price-weighted indices such as the Dow Jones Industrial Average. While still speculative, Apple’s 2015 addition to the Dow followed closely after its 1-for-7 split in 2014. Since its 1980 IPO at $22 per share, Apple has executed five stock splits. Adjusted for splits, its original IPO price was merely $0.10.